javascript - 使用 Javascript,我如何定位 3 个变量并将 Math.random() 应用于它?

标签 javascript jquery

我试图在这里仅使用 Javascript 创建一个代码(HTML 正文中没有任何内容),这样每次我刷新时它都会生成随机数加起来。

我已经尝试过使用 Math.random() 和 innerHTML,但我相信我用错了地方。非常感谢任何帮助

<body>
    <div id="mathProblem">
        <!-- leave this div empty!-->
    </div>
<script>
    let myDiv = document.getElementById("mathProblem");
    var x;
    var y;
    var z;
    x = Math.random();
    y = Math.random();
    z = x + y
    myDiv.innerHTML = "she made"+ x "cookies but ate " + y, "she has" + z "cookies left";
    document.getElementById("mathProblem").innerHTML = z;
</script>

最后,我基本上想要实现的是每次刷新时,X 和 Y 变量不同,它们相加为 Z,因此导致单词问题。

最佳答案

innerHTML 声明中有一些拼写错误。

    myDiv.innerHTML = "she made"+ x + "cookies but ate " + y +  "she has" + z +"cookies left";

确保正确连接字符串。

您还可以使用如下所示的字符串插值:

myDiv.innerHTML = `she made ${x} cookies but ate ${y} she has ${z} cookies left`;

注意反引号 `` 而不是双引号 ""

所以:

<body>
  <div id="mathProblem"><!-- leave this div empty!--></div>
  <script>
    const myDiv = document.getElementById("mathProblem");
    const x = Math.random();
    const y = Math.random();
    const z = x + y;
    myDiv.innerHTML = `she made ${x} cookies but ate ${y} she has ${z} cookies left`;
  </script>
</body>

关于javascript - 使用 Javascript,我如何定位 3 个变量并将 Math.random() 应用于它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54336676/

相关文章:

javascript - 当选中该按钮时,将类添加到单选按钮的父级(具有特定类)

javascript - 使用函数返回的值更新初始化的字符串

javascript - 在 JavaScript 中触发较少的回流 - 如何编辑克隆元素中的元素?

javascript - 动态位置后的粘性标题

javascript - 为什么 jQuery 对象有一个属性,但 hasOwnProperty 说它没有?

javascript - 是否保证 for...of 循环内的异步调用将按顺序返回?

javascript - 使用图像作为按钮并在单击时切换图像

javascript - 检测按钮 onclick 事件是否附加

Jquery:检查是否有任何输入元素填充在 div 标记中

javascript - Coldfusion 中数据表的无限滚动