这里有点卡住了,
我正在尝试创建一个随机数生成器,它可以生成 1-6 之间的两个不同的数字,例如:掷骰子是“1”“6”
。我创建了两个不同的变量,从 1-6 生成,认为两者都会显示,但不是?我做错了什么?
我的代码是
function myFunction() {
var p = document.getElementById("mydata"); // get the paragraph
var result = Math.floor( Math.random() * 7);
var result2 = Math.floor( Math.random() * 7);
p.innerHTML = "Dice rolls are " + result +result2;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Task 4 </title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="task4.js" type="text/javascript"></script>
</head>
<body>
<!-- Create a paragraph with id mydata -->
<div id="box">
<p id="mydata">Roll Dice </p>
<!--Create a roll dice button-->
<p> <button onclick="myFunction();"> Roll Dice </button></p>
</div>
</body>
</html>
我想要它像这样显示而不是总和 img
最佳答案
它确实有效,只是一个小问题,用你当前的代码,你实际上可以得到 0,这是没有意义的。这是实际完成您正在寻找的任务所需的代码。另外,我对其进行了更改,以便最小值和最大值可以与参数一起使用。
function rollDices(min, max) {
var p = document.getElementById("mydata");
var result1 = Math.floor(Math.random() * (max - min + 1)) + min;
var result2 = Math.floor(Math.random() * (max - min + 1)) + min;
p.innerHTML = "Dice rolls are \"" + result1 + "\" \"" + result2 + "\"";
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Task 4 </title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="task4.js" type="text/javascript"></script>
</head>
<body>
<!-- Create a paragraph with id mydata -->
<div id="box">
<p id="mydata">Roll Dice </p>
<!--Create a roll dice button-->
<p> <button onclick="rollDices(1,6);"> Roll Dice </button></p>
</div>
</body>
</html>
最终结果将是:掷骰子为“X”“Y”。
关于javascript - 数字生成器 - 两个单独的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52921072/