Function 如何创建随机边界半径?

Function 如何创建随机边界半径?,function,styles,Function,Styles,在Udemy上完整的Web开发人员课程的Javascript部分,Rob(老师)根据简单的if-then语句将div随机变成圆形或正方形。但是如何创建一个具有完全随机边界半径的正方形呢 函数getRadius(){ 函数makeBox(){ 当我刚得到一个带有px的整数时,这个程序就可以运行了,就像在这个例子中一样,但我似乎不知道如何将50改为函数getRadius,如果这有意义的话。html没有显示任何内容: <div id="box" onclick="change();"> &

在Udemy上完整的Web开发人员课程的Javascript部分,Rob(老师)根据简单的if-then语句将div随机变成圆形或正方形。但是如何创建一个具有完全随机边界半径的正方形呢

函数getRadius(){

函数makeBox(){

当我刚得到一个带有px的整数时,这个程序就可以运行了,就像在这个例子中一样,但我似乎不知道如何将50改为函数getRadius,如果这有意义的话。html没有显示任何内容:

<div id="box" onclick="change();">
<p>click me</p>
<div>
js:

    var time=Math.random();
    time=time*2000;

    setTimeout(function() {

        document.getElementById("box").style.borderRadius="50px";

        document.getElementById("box").style.backgroundColor=getRandomColor();

        document.getElementById("box").style.display="block";
        createdTime=Date.now();
    }, time);
}
<div id="box" onclick="change();">
<p>click me</p>
<div>
#box{
  height:100px;
  width:100px;
  background-color:red;
}
function change(){
  var num = Math.floor(Math.random() * 100);
    box.style.borderRadius= num+'px';
};