如何創建一個隨機邊界半徑？

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