Question

大家晚上好，我被困在一个相当简单的问题上，请考虑以下代码（没有错误，只是不确定如何向其添加以下消息）`

</style>
<title>TEST</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />

Shape amount: <input type="text" id="shapeQuantity" value="">
<button onclick="background_Color();getBox();">Show Me!</button>
<div id="box"></div>

<br>

<p id="demo"></p>
<script>



    //function to change the color of the box.
    function background_Color() {
        var r = Math.floor(Math.random() * 256);
        var g = Math.floor(Math.random() * 256);
        var b = Math.floor(Math.random() * 256);
        var bgColor = "rgb(" + r + "," + g + "," + b + ")";
        console.log(bgColor);


        var boxObj = document.getElementById('box');
        boxObj.style.background = bgColor;
        return boxObj;
    }
    //changes the width and height of the box received.
    function getBox() {
        var boxObj = document.getElementById('box').style.width = "50px";
        var boxObj = document.getElementById('box').style.height = "50px";
        return boxObj;
    }
</script>`

我想做的（尚未实现，因此为什么要在这里）是，当用户在文本框中输入数字值时，通过其“显示我”按钮将输入的金额显示为屏幕上的形状（例如：如果输入数字10，则显示10个形状），这些形状在同一行上，并且对于所述序列中的每个形状，它们之间的边距距离加倍（我知道如何通常只对一个对象执行此操作，但一次不能同时处理多个形状或项目）

如果有人可以对此做出合乎逻辑的解释，那就太好了。

通过JavaScript函数将文本框值转换为形状

0 个答案: