随机数生成器w/按钮

基本上我有这个。但我想要按钮生成随机数..这只会在我运行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>

试着把你的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;
    }

工作小提琴

将设置.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>

在页面加载时触发:

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

为了防止这种情况发生，像这样将它包装在onclick函数中:

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

参见:https://jsfiddle.net/t33rdra6/1/

相关内容

最新更新

热门标签：