Изучение javascript

[madeas]

Ребята, посмотрите код. Может есть замечания какие или новые задачи.

[Nexus]

madeas, в строке 68 используется необъявленная переменная.
prompt помимо string может возвращать и null, проверка полученных данных отсутствует.
У null нет метода toString, поэтому скрипт падает в 68 строке.

[Dilettante_Pro]

или новые задачи

Сделайте все то же самое, только диалог ведите не через prompt/alert, а через html

[madeas]

Nexus,
спасибо, поправил

Dilettante_Pro,
что-то не могу понять как и куда прописать в условные операторы функцию нажатия новых кнопок... Пример строка 77. И вообще возможна ли такая запись?) Результат пока вывел в алерт для наглядности

[Dilettante_Pro]

madeas,
Назначение и удаление обработчиков событий

И еще: не надо так писать:

let
  btn1 = document.getElementById('btn1'),
  btn1Stl = document.getElementById('btn1').style,

Зачем вы дважды ищете одно и то же?
Нужно

let
  btn1 = document.getElementById('btn1'),
  btn1Stl = btn1.style,

[madeas]

Dilettante_Pro,
действительно, не додумался. Подправил и структурировал код
А подскажите, можно ли записать эти четыре строки в одну? В доках не нашел информацию про это.

Object.assign(globStl, globStyle);
Object.assign(resStl, resStyle);
Object.assign(btn1Stl, btn1Style);
Object.assign(textStl, textStyle);

[Dilettante_Pro]

madeas,
Вообще-то удобнее не задавать элементам непосредственно стили, а написать в css нужные классы, и подключать/переключать их по необходимости.

[madeas]

Dilettante_Pro,
знаю, просто в целях "набивания рук" решил попробовать обойтись без написания в css, поскольку с ним у меня проблем нет.
Вдруг решу когда-нибудь написать сайт на чистом js + html и закину во внешний скрипт)) Хотя, это, наверное, извращение)