Как сделать чтобы каждый ввод имени добавлялся в массив и сохранялся, и в последствии по нажатию кнопки показывал весь список?
Пытался сам сделать обычный массив, не смог додумать как именно сделать так чтобы каждый ввод имени добавлялся в массив и сохранялся, и в последствии по нажатию кнопки показывал весь список внесенных студентов
<div id="forms"> <input id="name" type="text" placeholder="Имя"> <input id="surname" type="text" placeholder="Фамилия"> <input id="age" type="text" placeholder="Возраст"> <button type="button" name="button" id="button" value="submit" onclick="getArr()">Button</button> </div> <script> function getArr() { let inputAll = Array.from(document.querySelectorAll('#forms input')); let arr = []; let obj = {}; let checkFieldsLength = inputAll.every((el) => el.value.length); if (checkFieldsLength) { for (const input of inputAll) { obj[input.id] = input.value; } arr.push(obj); return console.log(arr); } return alert('Не все поля заполнены'); } </script>ПрограммированиеJavascript+3
Для решения этой задачи можно использовать простой массив и добавлять каждое введенное имя в этот массив при нажатии на кнопку. Затем при нажатии на другую кнопку можно вывести весь список имен, хранящихся в массиве.
Примерный код решения этой задачи на JavaScript может выглядеть так:
HTML код:
bashCopy code<div id="forms"> <input id="name" type="text" placeholder="Имя"> <button type="button" name="button" id="button" value="submit" onclick="addName()">Добавить имя</button> <button type="button" name="button" id="showButton" value="submit" onclick="showNames()">Показать все имена</button> </div> <ul id="namesList"></ul> JavaScript код:
javascriptCopy codelet names = []; function addName() { let nameInput = document.getElementById("name"); let name = nameInput.value; if (name) { names.push(name); nameInput.value = ""; } } function showNames() { let namesList = document.getElementById("namesList"); namesList.innerHTML = ""; for (let name of names) { let li = document.createElement("li"); li.textContent = name; namesList.appendChild(li); } } При нажатии на кнопку "Добавить имя" происходит проверка наличия введенного имени, и если оно есть, то оно добавляется в массив "names", а поле ввода очищается. При нажатии на кнопку "Показать все имена" происходит вывод всех имен, хранящихся в массиве, в виде списка элементов
<li>Ваш код практически рабочий и он сразу заработает, если вы поправите всего одну очень важную деталь. Дело в том, что внутри вашего метода getArr имеется изолированный контекст…
Догадались к чему я клоню? Если нет, то давайте... Читать далее
1 эксперт согласен
Что ж, вам уже дали правильный ответ несколько раз, давайте посмотрим в дидактических целях весь процесс решения подобной задачи.
Итак, от нас требуется:
1. веб-страница;
2. на которой можно вводить имена, одно за другим;
3... Читать далее
Чтобы каждый ввод имени добавлялся в массив и сохранялся, вам нужно объявить массив за пределами функции getArr(), чтобы он мог быть доступен в каждый раз, когда вы вызываете эту функцию. Затем вы можете использовать... Читать далее
Заработать пару сотен рублей онлайн на Яндекс✺Толока! Регистрируйся.
Перейти на toloka.yandex.ru/promo