VoidVolker

https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/ru/docs/Web/JavaScri...

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

Но после перезагрузки страницы данный элемент пропадает.
Как сделать, чтобы не пропадал?

Создать его еще раз после загрузки страницы.

functionName(data)

Просто используйте momentjs.

Затем, что, навскидку:

• На момент написания кода функции first, функции second может не существовать
  
• Внутри first может быть асинхронная операция
  
• first может передать коллбэк далее вниз по цепочке или еще в какую другую функцию
  

Очевидно делать проверку значения на undefined и далее уже действовать в соответствии с требуемой логикой.

RTFM 1, RTFM 2:

conn.query(query,  (err, result, field)=> {   
    persons=result     
    console.log('persons = ',persons)
})

Вы результат не возвращаете. Кроме того, в самом сообщение же об ошибке об этом и написано.

while (i <= 16) { // i = 16; 16 <= 16 === true
  i++;            // i = 17
  if (i % 2 === 1)
  console.log(i); // -> 17
}

Тогда можно было бы при каждом обращении к нему сохранять timestamp и удалять объекты основываясь на нем.

Так и делать периодически - проходить по массиву и удалять из него старые записи.

Через консоль браузера можно сделать с сайтом все. И что? Ну поменял пользователь что-то там у себя - какая разница, что он там что-то сделал? Цели-то какие? А запретить что-то делать не получится. Не, ну так-то чисто технически конечно можно по таймеру проверять изменилось что-то или нет - но это создаст бесполезную нагрузку для всех пользователей и сайт будет тормозить. Но даже это все равно можно тем или иным способом изменить.

При наличии знаний JS очень легко зайдет C#, Python, чуть посложнее - RoR. Вообще, тут есть два варианта: полегче, т.е. ЯП из той же языковой группы или близкий по синтаксису, или сразу более жестко - взять что-то противоположное или сложное. Ассемблер, C/C++, Rust. Имеет смысл брать из мейнстрима с целью дальнейшего развития и применения в реальных задачах. Если же хочется "сменить обстановку" - то, например Kotlin, Java под мобильные ОС и т.п.

1. Разделить экран на квадраты/регионы
   
2. Размещать элемент рандомно в пределах квадрата с учетом размеров элемента
   

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

Мусор в строке (EF B8 8F):

https://nwjs.io/

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Сначала сделать каждый график отдельно, а уже затем сделать рефакторинг с выносом одинакового кода в общий класс или классы.

в порядке бреда и ненормального программирования действительно ли так можно обойтись без переменных?

Нет, ибо <что угодно>.x - это тоже переменная по своей сути:

Переменная (от англ. variable) — поименованная или адресуемая иным способом область памяти, которую можно использовать для доступа к данным.

ООП