У меня есть функция, которая создает кнопку с названием плода из массива. Мне нужно использовать асинхронный / Await запустить эту функцию из других. Вот мой текущий код:
var createButton = function(fruit) {
var page = document.getElementById(divPage);
var table = document.createElement(table);
page.appendChild(table);
var r = t.insertRow(-1);
var c = r.insertCell(-1);
var button = document.createElement(input);
button.type = button;
button.value = fruit;
button.addEventListener(click , function(){return true;});
c.appendChild(button);
}
var run = async function() {
var listOfFruits = [apple , orange, banana];
for (var i = 0; i < listOfFruits.length; i++) {
await createButton(listOfFruits[i]);
}
}
Когда я запустил этот код, я получаю страницу с помощью кнопки со значением «банан». «Для» петли побежал функция 3 раза , не дожидаясь возвращения созданного, нажав на кнопку. Как сделать «для» ожидания цикла для пользователя , чтобы нажать на кнопку перед переходом к следующему элементу массива?
Спасибо за уделенное время.