Как исправить неверную работу кода?

Даниил,
итоге это должно работать так:
1) вводим задачу в поле, нажимаем кнопку " следующая задача"
2) она отображается в списке ( при нажатии на чекбокс не должно ничего происходить)
3) нажимаем кнопку " все задачи выполнены"
4) появляется новый пустой блок
5) при каждом выборе чекбокс в пустом блоке появляется новая ступенька ( пока вместо это при нажатии на чекбокс список должен становится синим и выводится Алерт)

Как исправить неверную работу кода?

Даниил, да, но он был неверно сформирован, проблема не в массиве

Почему массив обновляется?

Извините, что достаю, но все же где бы не объявляла массив, не работает
https://codepen.io/anna55498489/pen/zYWPbMv
(при нажатии на старт и отправить массив должен пополнятся, но он обновляется.) Буду благодарна, если вы укажите где ошибка

Почему массив обновляется?

так тоже не работает, где бы не объявляла массив
https://codepen.io/anna55498489/pen/zYWPbMv
(при нажатии на старт и отправить массив должен пополнятся, но он обновляется.) Буду благодарна, если вы укажите где ошибка

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

что вы имеете под окном возможностей? не сарказм, но ведь наоборот кризис

Почему массив обновляется?

scottparker, " но сделано не очень" поняла так, что в целом вся конструкция костыль, кторый будет держаться на var вместо let )

Почему массив обновляется?

scottparker, неправильно потому что не верно объявлен массив, не в том месте?

Почему массив обновляется?

но ведь массив объявлен до функции. Внутри form.addEventListener к нему только добавляется значение. Разве нет?

Как добавить адаптивность коду html и css?

Можно применить флек или грид, и задать размеры в процентах

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

mkone112, наверно, предполагается обмен опытом, наставничество. Вопрос только в том, что есть ли это на практике

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

Извините, но у меня скорее вопрос. Эти навыки вы получили самостоятельно, на фрилансе - без офиса?
Всегда казалось, что в офисе обучение будет быстрее

Почему в одном коде переменная, объявленная внутри функции не работает, а в другом работает?

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

button_input.addEventListener("click", function(){
    let moo = document.createElement("div")  
    let input_form = document.createElement("form")
    input_form.id="dv"
    body.append(input_form)
    let new_input=document.createElement("input")
    input_form.append(new_input)
})

Почему такое происходит ?

Почему в одном коде переменная, объявленная внутри функции не работает, а в другом работает?

Первый код не работает (переменная fom)

Предусмотрена ли в css document.name.style возможность задавать отступы и иные параметры через переменную?

Андрей Федоров, в любом случае пока не вставляю переменную js все работает корректно. Ковычки исправила спасибо.
Как я поняла если хочу вставить значение переменной, то нужно писать

first_step.style.left=mo + "px". Но такая запись тоже не применяется

Предусмотрена ли в css document.name.style возможность задавать отступы и иные параметры через переменную?

Андрей Федоров, примерно так:

first_step.style.left="calc( var(--n) + var(--top) + mo)"

let mo = first_step.style.width (браузер распазнаеn, что mo = 10%), но при добавлении переменной в свойство css - запись некорректна. То есть не получается корректно передать значение переменной в свойства.

Предусмотрена ли в css document.name.style возможность задавать отступы и иные параметры через переменную?

Спасибо, почитала про кастомный css, calc(), очень полезно.

Но никак не могу передать в css значение переменной js

var root= document.querySelector(":root");
root.style.setProperty("--top", "20%" )
root.style.setProperty("--n", "20%" )

et first_step = document.createElement("div")
body.append(first_step);
first_step.style.width="10%"
first_step.style.height="10%"
first_step.style.left="calc( var(--n) + var(--top) )"
first_step.style.bottom="2%"

Как в эту строку добавить значение из переменой js?

first_step.style.left="calc( var(--n) + var(--top) )"

Буду благодарна за совет или направление куда копать / что искать
.

Почему не работает отправка формы?

キム ファイブプラス, нажимаю на отправить и ничего не происходит

Почему не работает валидация поля формы?

Спасибо все работает.
Только хочу уточнить один момент.
В этой строке объявляется функция:
function formAddError(input){

В этой части (input) просто аргумент функции, как я понимаю, тут же можно поставить любой знак, букву.
Далее функция вызывется и указывается нужное значение - указываем имя переменной input.
Но в данном случае, если пишу что то кроеме input - код уже не работает. Почему?

Почему не работает валидация поля формы?

Спасибо)

Почему не работает валидация поля формы?

thak, спасибо.
Но ведь и в css и в js запись "_error" одинакова. Разве нет ?

input.classList.remove("_error")
.form_input._error