使用JavaScript创建随机数并在不使用表单的情况下返回HTML

时间：2016-05-21 05:28:46

标签： javascript html getelementbyid

是否可以使用按钮onclick从JavaScript生成随机数，但是通过<div>返回？我查看过其他类似的问题，但他们似乎都使用<input>或<form>。我在浏览器中没有收到任何错误，当我尝试使用此代码时，输出来自<div>说＆＃39; undefined＆＃39;而不是数字，所以我显然没有定义number，但我对JavaScripts语法感到有些困惑。

/// HTML ///

<html>
<head>
<script type="text/javascript" src="randRandomScript.js">
</script>    
</head>

<body>

 <button name="randNumberButton" onclick="randNumberScript()" >Click for Number</button>

<div id="number"></div>
</body>

</html>

/// JavaScript ///

var randomNumberObject = math.floor(math.random()*10);

 function randNumberScript () {

document.getElementById("number").innerHTML = randomNumberObject;

}

2 个答案:

答案 0 :(得分：1)

将randomNumberObject变量用作local-variable，否则每次点击按钮都不会更新。{p>

注意：纠正错误@ math ..这是 Math

function randNumberScript() { //Why are you accepting a argument ?
  var randomNumberObject = Math.floor(Math.random() * 10); //typo at Math
  document.getElementById("number").innerHTML = randomNumberObject;
}

<button name="randNumberButton" onclick="randNumberScript()">Click for Number</button>

<div id="number"></div>

答案 1 :(得分：0)

使用它代替你的代码，因为你的代码使用了无效的语法，也没有必要在单独的文件中编写javascript函数，只需在关闭body标记（）上方的脚本标记中编写函数。

Math.floor((Math.random() * 10) + 1);