Как подключить функцию, createElement и random?

Question

Вот мой код, и я пытаюсь сделать кнопку, которая делает случайные кнопки, но я не могу правильно подключить код.

 

p id="demo">Click the button to display a random number. /p> 

button onclick="myFunction()">Try it  /button> 

script type="text/javascript"> 


    function myFunction(){ 
     var num = 5; 
     document.getElementById("demo").innerHTML=Math.floor(Math.random()*num) 

     var box=document.createElement("BUTTON"); 
     document.body.appendChild(box); 

     var c = num + box; 
     return c; 
    } 

Может ли кто-нибудь мне помочь?

Answer 1

В соответствии с моим пониманием вы пытаетесь создать «n 'no.of случайных кнопок от innerHTML от #demo.

Если это так, вам нужно его зациклить. Попробуйте

function myFunction() { 
    var num = 5; 
    document.getElementById("demo").innerHTML = Math.floor(Math.random() * num) 
    var noOfButtons = document.getElementById("demo").innerHTML; 
    for (var i = 0; i < noOfButtons; i++) { 
     var box = document.createElement("BUTTON"); 
     document.body.appendChild(box); 
    } 
} 

JSfiddle

Из ваших комментариев:

1) Нет отображения чисел, так удалить innerHTML из #demo элемента.

2) Сбросьте количество кнопок для каждой кнопки.

Всякий раз, когда вы вызываете событие щелчка, лучше сбросить значение опустошить, как показано ниже

document.getElementById('demo').innerHTML = ''; 

3) Вы должны приложить ребенка (box) к #demo элементу вместо тела, как показано ниже

document.getElementById('demo').appendChild(box); 

И, наконец, ваш код должен выглядеть следующим образом.

function myFunction() { 
    document.getElementById('demo').innerHTML = ''; 
    var num = 5; 
    var noOfButtons = Math.floor(Math.random() * num); 
    console.log(noOfButtons); 
    for (var i = 0; i < noOfButtons; i++) { 
     var box = document.createElement("BUTTON"); 
     document.getElementById('demo').appendChild(box); 
    } 
} 

Updated JSFiddle

Надеется, что вы получили некоторое представление.