inzeppelin

У вас исходное состояние описано в самом начале. Если вы хотите чтобы "исходное состояние" было с невидимой картинкой, то скажите об этом явно :)

.logo{
    margin-left: 570px;
    margin-top: 150px;
    overflow:hidden;
    overflow-y:hidden; 
    overflow-x:hidden;
    animation-name: Appearance;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(.1,-.6,.2,0);

    opacity: 0; // вот тут говорим, что "исходное состояние" картинки – прозрачная
}

let clicked = false;

$(".toggles").on("click", function (e) {
       if (!clicked) { 
          e.preventDefault();
          clicked = true;
        }
        
        $(this).find('ul').toggle('slow');
    });

document.querySelector('.t744 .t-product__option-select');

Запишите все, что идет до "// Начало foreach" в переменную, типа
let markup = `...`

потом сделайте свой forEach и в каждой итерации конкатенируйте переменную "markup" с новым home-point, типа

[...].forEach(item => {
  markup += item;
})

И в самом конец добавьте закрывающий див, типа
markup += '</div>';

А потом просто сделайте так:
homeItem.innerHTML = markup;

Зачем эмулировать нажатие на кнопку, если можно сделать так?

setTimeout(toggleFullScreen, 2000);

Но все равно, как выяснили ниже в комментариях,
Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture

Иначе, говоря, сделать это без клика невозможно.

Вам нужен SVG или Canvas. Но самостоятельно реализовать такое будет довольно сложно. Попробуйте посмотреть в сторону каких-то готовых решений по построению блок-схем.

Что касается проверки: кажется, ваш подход имеет место быть. Я не знаю, какие у вас есть условия для проверки корректности соединений, но в любом случае вам нужна какая-то абстракция, которая будет представлять вашу модель в виде некой структуры данных. Например, так:

// device - это ваш прибор, input# - это разъемы, массивы содержат подсоединенные элементы.
const device = {
  input1: [],
  input2: [],
  ...
};
// это объект, в котором есть список разъемов с разрешенными элементами
const allowedConnnections = {
  input1: ['element1', 'element2'],
  input2: ['element3'],
  ...
};

Таким образом при добавлении нового элемента в разъем, нужно проверять, разрешен он или нет

// функция должна вызываться каждый раз на добавление нового элемента
function checkInput(inputId, elementId) {
  // возвращает true/false если элемент есть в списке разрешенных для разъема
  return allowedConnnections[inputId].indexOf(elementId) !== -1;
}

Просто запишите в переменную. Примерно так:

let inputValue = '';

// затем на onchange инпута записываете значение в переменную
const inputElement = document.querySelector('.radio-input');
inputElement.addEventListener('change', function() {
   inputValue = this.value;
});

// дальнейший код будет брать значение из замыкания
const someFunction = () => {
 console.log(inputValue);
};

Судя по всему, у вас есть событие onDocumentLoadSuccess. Вы можете использовать его, чтобы реализовать загрузку моделей по очереди. В самой простой и наглядной реализации можно сделать что-то вроде:

// это начальный индекс модели
const i = 0;

// коллбэк на успешную загрузку
const onDocumentLoadSuccess = () => {
  i++;
  (if arrId[i]) {
    loader(i);
  } else {
    alert('все модели загружены');
  }
};

// функция принимает индекс модели в массиве и запускает лоадер
const loader = (modelIndex) => {
  Autodesk.Viewing.Document.load(arrId[modelIndex], onDocumentLoadSuccess, onDocumentLoadFailure);
};

// запускаем лоадер для нулевого элемента
loader(i);

Соответственно сначала отработает первая модель, сработает коллбэк успешной загрузки, мы инкрементируем индекс и запускаем вторую модель, и т.д. до тех пор пока не загрузим все модели.

Судя по всему проблема в том, что вы используете ссылку (a) с якорем #

<a href="#" class="close" onclick="closeart('article')"></a>

Замените на span. Все должно работать.

Скорее всего у вас неправильное условие:

$('#loded').scrollTop() + $('#loded').height() >= $('#loded').height()

$('#loded').height() будет всегда отдавать 450px, а $('#loded').scrollTop() в нижней точке скролла сначала будет равен 450px, потом 900px, потом 1350px и так далее.

Попробуйте сделать так:

$('#loded').scrollTop() >= $('#loded')[0].scrollHeight - $('#loded').height()

Или посмотрите в сторону готовых библиотек.

Я тоже ничего не понял, но думаю вот так

vk.updates.hear(/^(?:rcon)\s?([^]+)?/i, (message) => {
  return rcon.connect()
    .then(() => {
      return rcon.send(`${message.$match[1]}`);
    })
    .then((res) => {
      console.log(res);
      // После консоль лога сделать return
      return res;
    })
    .then((res) => {
      // Два return'a работать не будут. Нужно оставить что-то одно
      message.send(res);
      return rcon.disconnect();
    });
});

Ну или еще лучше:

vk.updates.hear(/^(?:rcon)\s?([^]+)?/i, (message) => {
  return rcon.connect()
    .then(() => rcon.send(`${message.$match[1]}`))
    .then((res) => {
      console.log(res);
      message.send(res);
      return rcon.disconnect();
    });
});