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

根据我的理解，您正尝试在innerHTML的{{1}}中创建“ n”个随机按钮。

如果是这样，你需要循环它。试试这个

#demo

JSfiddle

来自您的评论：

1）没有数字显示，因此删除了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); } }元素的innerHTML 。

2）重置每个按钮调用的按钮计数。

每当您调用click事件时，最好将值重置为空，如下所示

#demo

3）您需要将孩子（document.getElementById('demo').innerHTML = '';）附加到box元素而不是下面的身体

#demo

最后，您的代码应如下所示。

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

Updated JSFiddle

希望你有所了解。

如何连接函数，createElement和随机？

1 个答案: