如何创建一个随机边界半径？

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

当我后像在例如刚刚与像素的整数，但该方案适用我不能t似乎弄清楚如何将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'; 
};