javascript - 数字生成器 - 两个单独的值

标签 javascript html

这里有点卡住了, 我正在尝试创建一个随机数生成器,它可以生成 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/

相关文章:

javascript - For 循环被忽略

javascript - 如何在html中做出绑定(bind)效果

javascript - 如何仅使用终端:?输出打开JS文件时vscode显示的问题列表

javascript - 从 Firebug Profiler 中排除文件?

javascript - FlatList 将单个项目转换为数组

c# - 从html覆盖到aspx页面,但是菜单不见了,为什么?

html - CSS:对象向左浮动,不重叠

javascript - 使用 Javascript 将 HTML 页面添加到 WordPress 网站

javascript - 在 jQuery 中哪种创建和附加元素的方式更快?

javascript - 如何使用javascript将一张图像更改为我点击的图像