Question

在Udemy的The Complete Web Developer Course的Javascript部分，Rob（老师）根据简单的if-then语句使div随机变成圆形或方形。但是，我如何创建一个具有完全随机边界半径的正方形？

function getRadius（）{

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

function 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：

/etc/hosts

的CSS：

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

JS：

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

如何创建随机边界半径？

1 个答案: