нужна помощь в создании html элементов с помощью цикла for - PullRequest
Новая
       21

нужна помощь в создании html элементов с помощью цикла for

0 голосов
/ 07 мая 2020

Я пытаюсь создать входные данные в моем html и использую for l oop для генерации случайной суммы каждый раз, когда нажимается кнопка. Я нажимаю кнопку, консоль выводит случайное число, но генерируется только один ввод. Он даже распечатывает правильное количество console.logs, но не вводит. Я не уверен, почему, и хотел бы получить любую помощь. 

const generateRanNum = () => {
    let randomNumber = Math.floor(Math.random() * 20);
    return randomNumber
}



const generateInputs = (ranNum) => {
    const listItem = document.createElement('li');
    const input = document.createElement('input');
    for(let i = 1; i <= ranNum; i++){
        inputsList.appendChild(listItem);
        listItem.appendChild(input);
        console.log(ranNum)

    }


}

startButton.onclick = () => {
   const ranNum = generateRanNum()
    generateInputs(ranNum)
    // alert('clicked');
}

1 Ответ

0 голосов
/ 07 мая 2020

  • const input = document.createElement('input'); должен go внутри for l oop.

  • не забудьте вставить свой LI в соответствующий UL после l oop. 

const generateInputs = (ranNum) => {
    const listItem = document.createElement('li');

    for(let i = 1; i <= ranNum; i++){
        const input = document.createElement('input');
        listItem.appendChild(input);
    }

    inputsList.appendChild(listItem);
}
...