如何使文本字段在每次刷新页面时都具有随机变量（使用javascript）？

我有一个变量x，它的值在20到100之间。（仅为10的倍数） x=（（数学地板（数学随机（）*9））+2*10）

如何在JavaScript的帮助下将变量x的值直接放入HTML输入文本字段中，这样每次刷新页面时，它都会随机更改

var input = document.getElementById('win-score').value;
var x;

x = (((Math.floor(Math.random()* 9)) + 2 ) * 10 );
input = x;


// Undefined, 0, null or "" are COERCED to false
// Anything else is COERCED to true

/*        if(input) {
                win = input;
          } else {
                win = 100;
          } */
}; 

document.querySelector('.win-button').addEventListener('click', function() {

    document.getElementById('win-score').style.display = 'block';
    document.getElementById('win-score').value = input;

});

---

请参见下面的代码，而不是将值赋给变量，而是将其赋给元素

var input=document.getElementById（'win-score'）.value；
var x；
x=（（数学地板（数学随机（）*9））+2*10）；
document.getElementById（'win-score'）。值=x；
document.querySelector（“.win按钮”）.addEventListener（'click'，function（）{
document.getElementById（'win-score'）.style.display='block'；
document.getElementById（'win-score'）。值=输入；
});

单击页面加载上的
，然后在代码下方写入

var x = (((Math.floor(Math.random()* 9)) + 2 ) * 10 ); // get random number
document.getElementById('win-score').value = x;  // set value to input

正如@Djordje Vujicic所说，您可以使用

    document.getElementById('win-score').value = x;

只需按如下方式设置此值：

    window.onload="myFunction()";

    function myFunction(){
     var x = (((Math.floor(Math.random()* 9)) + 2 ) * 10 );
     document.getElementById('win-score').value = x;
    }

但输入本身是一个变量。它与HTML的输入标记不同。它是用javascript创建的。对吗？没错，输入只是为您保留值，这样您就可以在java脚本的任何地方使用它，但只限于其范围。好的。。所以我也必须在全局范围内声明输入？？如果我是对的否，您不必使用全局范围声明输入。看到你的html和javascript是完全不同的，你必须确保你对变量所做的任何更改都应该分配给html，以便它在UI上根据你的要求可见。使用window.onload（）的目的是什么。我刚刚删除了document.getElementById（'win-score'）。value=x；并将其放入初始化函数中。使（x）成为一个全局变量，它就起作用了。这是一个简单的方法，但它正确吗？或者我应该用window.onload。我知道的不多，但我想应该是关于窗口对象和刷新页面。你可以用任何一种方法。但是window.onload会在每次加载适合您需求的页面时调用该函数。window.onload确保每次刷新页面时都会调用您的函数。好的，但现在即使在刷新之后，它仍然可以正常工作。但是我会记住这个方法在将来使用，因为我认为它更合适。谢谢