如何在没有查看器输入的情况下运行javascript

我有一个javascript效果，是为查看器输入编写的。 如何随机化这些值，从而消除查看器交互？我可以移除标签，但数字仍然可见

以下是HTML：

    <div id="control-box">
        <div>
            <label>Num Raindrops</label>
            <input id="num-rain" type="number" value="250" min="1" />
        </div>
        <div>
            <label>Rain Angle</label>
            <input id="angle" type="number" value="20" min="0" max="90" />
        </div>
        <div>
            <label>Angle Tightness</label>
            <input id="tightness" type="number" value="0" min="0" />
        </div>
        <div>
            <label>Raindrop Length</label>
            <input id="length" type="number" value="20" min="0" />
        </div>
        <div>
            <label>Variable Raindrop Length</label>
            <input id="var_length" type="number" value="0" min="0" />
        </div>
        <div>
            <label>Raindrop Speed</label>
            <input id="speed" type="number" value="7" min="0" />
        </div>
        <div>
            <label>Variable Raindrop Speed</label>
            <input id="var_speed" type="number" value="0" min="0" />
        </div>
    </div>
    <canvas id="rain"></canvas>

雨滴数
雨角
角密性
雨滴长度
可变雨滴长度
雨滴速度
可变雨滴速度

好的，您已经解决了大部分您想要做的事情。这篇文章并不知道你的JavaScript是什么样子，所以请耐心听我说：

您已经在DOM元素中设置了范围，因此将其转换为JavaScript，您可以执行以下操作：

function getRandomArbitrary(min, max) {
    return Math.random() * (max - min) + min;
}

var numRaindrops = getRandomArbitrary(1, 1000); //minimum 1 drop, maximum 1000
var rainAngle = getRandomArbitrary(0, 90); //minimum 0 deg, maximum 90deg
var tightness = getRandomArbitrary(min, max);
...

然后将这些值传递给绘制画布的函数。这样做可以确保您设置的默认

value=“{{value}}”

不是代码可以生成的唯一值

---

现在，如果您只是想隐藏表单，并且仍然使用您创建的DOM来获取值（同样，据我所知，这将使值

静态
而不是
动态
，您可以使用
css
和
显示：无
输入，因此它们不会显示在屏幕上。
嘿，Nikki！您能给我们展示一下这个项目的JavaScript，并稍微解释一下您需要什么吗更多细节？听起来你想完全删除
表单
方面，让JavaScript随机生成值并执行代码-这听起来正确吗？@Ryan评论不错。看到有人如此礼貌并随时准备提供帮助让人耳目一新。是的，没错！我不想要表单，只是想要很酷的效果。
document.querySelector（“#控制框”）.style.display='none'；
谢谢Will！这很有效！！