Добавление товаров

Теперь самое важное: добавление товаров со страницы. Когда вы нажимаете кнопку Добавить, скрипт должен:

прочитать название и цену из текстовых полей,
создать из них новый объект и добавить его в конец массива с помощью push(),
снова показать список через showItems(), которая заодно обновит итог.

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

И помните, что value текстового поля — всегда текст, даже в поле для чисел. Без Number() цена будет текстом "150", и итог будет склеивать тексты, а не складывать числа: 250 + "150" даст "250150".

Каждый раз, когда вы нажимаете «Запустить», страница загружается заново, и список снова начинается с трёх товаров из массива.

Задание

Добавьте к addButton обработчик нажатия (addEventListener("click", ...)). В нём сохраните название (nameInput.value) в константу name, а цену как число (Number(priceInput.value)) — в константу price. Затем добавьте объект { name: name, price: price } в items через push() и вызовите showItems(). Попробуйте: введите Сыр и 150 и нажмите «Добавить». Итог вырастет до 400.
В конце обработчика очистите оба поля (присвойте их value значение ""), чтобы сразу можно было вводить следующий товар.

НазадДалее

Добавление товаров

Теперь самое важное: добавление товаров со страницы. Когда вы нажимаете кнопку Добавить, скрипт должен:

прочитать название и цену из текстовых полей,
создать из них новый объект и добавить его в конец массива с помощью push(),
снова показать список через showItems(), которая заодно обновит итог.

Задание

Добавьте к addButton обработчик нажатия (addEventListener("click", ...)). В нём сохраните название (nameInput.value) в константу name, а цену как число (Number(priceInput.value)) — в константу price. Затем добавьте объект { name: name, price: price } в items через push() и вызовите showItems(). Попробуйте: введите Сыр и 150 и нажмите «Добавить». Итог вырастет до 400.

В конце обработчика очистите оба поля (присвойте их value значение ""), чтобы сразу можно было вводить следующий товар.