Question

基本上我有这个..但我希望BUTTON生成随机数..目前只有在我运行html文件时才会发生，我不希望这种情况发生。谢谢！

<body>
<form name="rn">
      <input type="text" id="tb" name="tb" /></br>


    <input type="button" value="Random Number!" onclick="doFunction(Random);" />
</form>



<script type="text/javascript">
    function Random() {
        return Math.floor(Math.random() * 1000000000);
    }




    document.getElementById('tb').value = Random()
</script>

Answer 1

尝试将HTML更改为此

<form name="rn">
    <input type="text" id="tb" name="tb" />
    <input type="button" value="Random Number!" onclick="Random();" />
</form>

和你的javascript到这个

function Random() {
        var rnd = Math.floor(Math.random() * 1000000000);
        document.getElementById('tb').value = rnd;
    }

Working fiddle

Answer 2

将设置.value的代码放入函数中，并从onclick

中调用该代码

function Random() {
  return Math.floor(Math.random() * 1000000000);
}

function randomValue() {
  document.getElementById('tb').value = Random();
}

<form name="rn">
  <input type="text" id="tb" name="tb" />
  </br>

  <input type="button" value="Random Number!" onclick="randomValue();" />
</form>

Answer 3

它在页面加载时触发：

document.getElementById('tb').value = Random()

为了防止这种情况发生，请将其包含在onclick函数中：

function doFunction(){
document.getElementById('tb').value = Random()
}

请参阅小提琴：https://jsfiddle.net/t33rdra6/1/

随机数发生器带按钮

3 个答案: