如何在沒有查看器輸入的情況下運行javascript

Question

我有一個為觀眾輸入而編寫的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>

Answer 1

好了，因此您已經解決了大部分要執行的操作。 這篇文章是不知道您的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仍然可以獲取值（再次，據我所知，這將使值成為static值而不是dynamic值，您可以使用css並display:none輸入，因此它們不會顯示在屏幕上。