Не работает простой onclick?

Александр Сорокин, не очень понятно что вы хотите сдлеать. повесить onclick на массив кнопок у вас все равно не получится, нужно будет перебирать массив и вешать обработчик на каждую кнопку отдельно

Как привести к типу класса переменную в javascript?

wat?

Как называется данный эффект?

спокойно делается на обычном css animation

Как определить что открыт devtools в режиме мобильного просмотра?

Артур, попробуйте

Как определить что открыт devtools в режиме мобильного просмотра?

проверить размер внутреннего окна и размер монитора

это не значит что открыты девтулзы

Почему backgroundImage выступает за рамки браузера?

Ingernirated: у меня все ок

а что означает звездочка?

https://webref.ru/css/selector/universal

Почему backgroundImage выступает за рамки браузера?

Ingernirated:
https://jsfiddle.net/ur3tb1Lx/
https://jsfiddle.net/vvuuagx9/

Почему backgroundImage выступает за рамки браузера?

Ingernirated: я про это и говорил

через js при resize будет некорректно применяться clientHeight

spoiler

возможно это из-за того, что при уменьшении вьюпорта, на какой-то очень быстрый момент появляется горизонтальный скролл, который отнимает 17px(зависит от браузера и ОС) от clientHeight - поэтому получается, что все блоки становятся меньше по высоте. но это не точно. разбираться в этом не вижу смысла, так как то что ты пытаешься сделать, спокойно реализуется на css

Медиа запросы. CSS. Как запретить прокрутку вправо на мобильной версии?

надо не запрещать прокрутку, а верстать нормально

Что за стрелочная функция?

все есть же, ну

Как использовать jquery (append) и jsx (react)?

Ксюша:

надо было правильно сделать

ну для начала jquery убрать отсюда, если вам по каким-то причинам нужно использовать jquery, то Артём Петренков предложил нормально решение, только - function1() { - не правильная запись: перед именем функции должен быть пробел, имя функции не должно начинаться с цифры

Как использовать jquery (append) и jsx (react)?

'<div id="div1">' +
                        '</div>' + 
                       '<Chat ' +
                        '/>';

на что вы вообще рассчитывали?

Как сделать подобное?

что конкретно не получается?

Как правильно экспортировать модули?

Islam Ibakaev: вебпаком я скрипты собираю

в связке gulp+yarn+npm

gulp+yarn+npm scripts

закрыли тему, наша дискуссия не имеет отношения к вопросу

Почему backgroundImage выступает за рамки браузера?

Ingernirated:

html {
  overflow-y: scroll;
}

Как правильно экспортировать модули?

Islam Ibakaev: с чего вдруг фронтэндер не может использовать gulp? почему для верстальщика обязательно gulp+bower? почему не npm, не yarn? bower уже уходит в историю, если уже не канул в лету. откуда это деление между инструментами? я верстальщик и это не мешает мне использовать gulp+yarn+npm scripts+webpack одновременно. так же я фронтендер и это не мешает мне использовать gulp+yarn+npm scripts+webpack одновременно.

Почему backgroundImage выступает за рамки браузера?

Ingernirated: https://jsfiddle.net/f4ocguv4/

Почему backgroundImage выступает за рамки браузера?

Ingernirated:

как эту проблему разрулить

разрулить лучше через css, через js при resize будет некорректно применяться clientHeight, по крайней мере в хроме такая трабла

Почему backgroundImage выступает за рамки браузера?

Ingernirated: ну правильно, первый раз было 1440 т.к. прокрутки не было, а после как прокрутка появилась, стало 1423
P.S. я не санек :D

Почему backgroundImage выступает за рамки браузера?

Ingernirated: описание вашего вопроса не имеет ничего общего с кодом по ссылке.

я пример скинул, там суть проблемы видна

внимательно прочитайте эту статью и поймете в чем у вас ошибка

не хочу ничего читать, хочу копипастить

one[i].style.width = document.documentElement.clientWidth + "px";
one[i].style.height = document.documentElement.clientHeight + "px";