如何创建随机边框半径

Question

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

函数 getRadius(( {

    var radius=Math.random();
    radius = radius * 100;
}

函数 makeBox(( {

    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);
}

当我在示例中只有一个带有 px 的整数时，该程序可以工作，但我似乎无法弄清楚如何将 50 更改为函数 getRadius，如果这有意义的话。没有出现任何内容

Answer 1

html：

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

.css：

#box{
  height:100px;
  width:100px;
  background-color:red;
}

.js：

function change(){
  var num = Math.floor(Math.random() * 100);
    box.style.borderRadius= num+'px';
};