0

Есть у меня функция, которая выводит "Привет, + имена из массива names, но только те, что заданы.) Как сделать, чтобы я наполнял данный массив из клавиатуры, и вывод осуществлялся всех имен, что были введены? И чтобы кол-во имен в массиве names зависело от того, сколько я решил ввести. Я могу сразу через var задать все имена в массив, но тогда перед каждым вызовом функции мне нужно менять массив.

var names = ['Вася', 'Петя', 'Коля'];

function Hi() {
  alert("Hello," + names)
}

Hi()

1

2 ответа 2

1

Используемые методы:

// Объявляем массив с именами.
const names = [];

function enterName() {
	// Отображаем диалоговое окно для ввода имени.
	const name = prompt('Введите имя: ');
	
	// Уточняем у пользователя нужно ли продолжить ввод имен.
	const status = confirm("Продолжить ввод?");
	
	// Если имя не содержит пустую строк, добавляем в массив методом push()
	if (name) names.push(name);
	
	// Если мы продолжили ввод, то по тернарному оператору обращаемся опять к этой же функции, в ином случае переходим в функцию printNames()
	status ? enterName() : printNames();
}

function printNames() {
	// Отображаем диалоговое окно, в котором мы конкатенируем строки и с помощью метода join() объединяем значения в массиве через запятую и пробел, в конце добавляем точку. 
	alert('Hello, ' + names.join(', ') + '.');
}

// Вызываем функцию enterName();
enterName();

0

// Поле - ввод, с помощью querySelector() получаем первый элемент DOM.
const input = document.querySelector('input');

// Кнопка
const button = document.querySelector('button');

// Блок, в который будем выводить имена
const output = document.querySelector('.output');

// Пустой массив с именами
const names = [];

// Функция pushName()
const pushName = () => {
	// Проверяем не было ли пустое значение у поля
	if (!input.value) return;
	
	// Добавляем в массив значение поля
	names.push(input.value);
	
	// Выводим строку в блок output
	output.innerHTML = `Hello, ${names.join(', ')}.`;
	
	// Обнуляем значение переменной
	input.value = '';
}

// Вешаем слушатель на кнопку, в качестве события у нас будет клик, в качестве callback функции передадим нашу функцию pushName.
button.addEventListener('click', pushName);
<input type="text" placeholder="Имя">
<button>Добавить</button>
<br>
<p class="output">Hello!</p>

3
  • комментарии всегда нужны
    – Grundy
    13 апр 2020 в 20:39
  • почему проверка input.value вынесена из функции pushName?
    – Grundy
    13 апр 2020 в 20:41
  • @Grundy да я изначально хотел другой ответ написать и черт меня дернул пихать еще форму, я поправил немного код и сейчас добавлю комментарии.
    – MoloF
    13 апр 2020 в 20:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.