Как вернуть блок в первоначальное состояние при отведении мыши?

bett22, а как активный класс добавляется при наведении? Приложите свой код к вопросу

Автоматически очищается консоль, как отключить это?

VELONY, попробуй написать так в консоли console.clear = () => {}

Как грамотно реализовать архитектуру событийного пользовательского интерфейса на чистом JS?

Можно использовать геттеры и сеттеры, и на них уже наложить метод, который будет обновлять данные в html.
Некий способ реактивности будет

Почему не работает код jquery?

Clay,
Если я правильно понял задачу, то вот

<div class="gallery__list">1
  <a href="images/gallery-img-1.png" class="galleru__item galleru__item-prem single_image" data-fancybox="gallery">
    <img src="images/gallery-img-1.png" alt="" class="largeImg">
  </a>
  <a href="images/gallery-img-1.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-1.png" alt="">
  </a>
   <a href="images/gallery-img-2.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-2.png" alt="">
  </a>
  <a href="images/gallery-img-3.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-3.png" alt="">
  </a>
</div>
<div class="gallery__list">2
  <a href="images/gallery-img-1.png" class="galleru__item galleru__item-prem single_image" data-fancybox="gallery">
    <img src="images/gallery-img-1.png" alt="" class="largeImg">
  </a>
  <a href="images/gallery-img-1.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-1.png" alt="">
  </a>
   <a href="images/gallery-img-2.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-2.png" alt="">
  </a>
  <a href="images/gallery-img-3.png" class="galleru__item single_image" data-fancybox="gallery">
    <img src="images/gallery-img-3.png" alt="">
  </a>
</div>

$(".gallery__list").mouseover(function () {
  const thumbnail = event.target.closest(".single_image");
  const largeImg = $(this).find('.largeImg');
  
  if (!thumbnail) return;
  
  largeImg[0].src = thumbnail.href;
  largeImg[0].alt = thumbnail.title;
});

Почему не работает код jquery?

Clay, у тебя и твой старый код работает, проверил, всё ок

function showThumbnail(href, title) {
  console.log('я сработал', href, title);
  largeImg.src = href;
  largeImg.alt = title;
}

Автоматически очищается консоль, как отключить это?

Нажми на VM12:5 и увидишь что чистит твою консоль

Как перевести текст в аудио?

тебе проще уже самому сделать запрос на tts.voicetech.yandex.net/generate? и обработать результат, игнорируя создание mp3 файла

Как перевести текст в аудио?

var YandexTTS = function (options, callback) {
    var params = {};

    //required
    params['key'] = options['developer_key'];
    params['text'] = options['text']

    //optional
    params['format'] = options['format'] || 'mp3'
    params['quality'] = options['quality'] || 'hi'
    params['lang'] = options['lang'] || 'ru-RU';
    params['speaker'] = options['speaker'] || 'alyss'
    params['emotions'] = options['emotions'] || 'good'

    var full_url = yandex_tts_url + qs.stringify(params);

    var file = fs.createWriteStream(options['file']);
    file.on('finish', callback);
    request(full_url).pipe(file);
};

я не вижу чтобы у tts был метод pipe, и file тут обязательный параметр, т.к. создаётся файл .mp3

Возможно ли сделать полное копирование через Object.assign?

что подразумевается под "полное копирование"? Object.assign({}, staff)

Почему при запуске, вместо куба только его силуэты?

Тебе нужно посмотреть ролики про интерфейс блендера. Я раньше работал с 3dsMax, и у тебя включено отображение во вьюпорте, которое показывает только рёбра. Погугли что-то вроде "Change Viewport Blender"

Возможно ли как то запустить этот скрипт?

да и так просто тут не скопировать. Когда кликаешь на "Далее", происходит запрос, который на сервере выполняет основные вычисления, к которым соответственно доступа у нас нет

Возможно ли как то запустить этот скрипт?

намного проще будет почитать как считается отпуск, и сделать свой калькулятор

Что происходит при вызове асихнронной функции из другой асинхронной функции?

Почитай про Стек вызовов (call stack) в интернете, всё поймешь

Что происходит при вызове асихнронной функции из другой асинхронной функции?

Твой код в любом случае блокируется. Асинхронность не добавляет потоки

Почему js не меняет значение top?

firedemonyt, style top

document.getElementById("myBtn").style.top = "100px";

у вас устанавливается document.getElementById("myBtn").style.top = 100;

Почему js не меняет значение top?

всё что выполняет интервал, это вот этот участок кода

var height = document.getElementById("scroll__red");
var h = [0, 100, 200, 300];
var counter = 1;

Не работает await, без await работает, но не правильно, что не так?

Freede, у тебя в браузере запрос зависает, или выдаёт всё же "Что-то пошло не так" ?

Не работает await, без await работает, но не правильно, что не так?

catch (err) {
console.log(err);
res.status(500).json({ message: 'Что-то пошло не так' });
}

вот так ещё сделай

Не работает await, без await работает, но не правильно, что не так?

С БД есть соединение?

Как оптимизировать обновление данных?

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