Question

我试图让我随机生成的数字出现在我的Sensor.findAll({ include: [{ model: User, as: 'users, }], })的一个段落中，但是我不断收到一个HTML，无法设置文本内容error。该ID是正确的，我希望它在哪里。我做错了什么？

null

function generateNumToMatch() {
    var numToMatch = (Math.floor(Math.random() * (100) + 1));
    document.getElementById("computerNumber").textContent = numToMatch;
}

Answer 1

我认为问题出在JS中，我可以使用以下方法产生随机数：

var numToMatch;
generateNumToMatch();
function generateNumToMatch() {
    numToMatch = (Math.floor(Math.random() * (100) + 1));
}
document.getElementById("computerNumber").textContent = numToMatch;

Answer 2

您的HTML元素需要使用onclick属性。添加一个按钮，并向其添加代码，如下所示：

<button onclick="generateNumToMatch()">Click me</button>

将触发按钮的onClick事件，该事件将运行您的JavaScript代码。您的JavaScript代码将运行，并将名为“ computerNumber”的文本属性元素设置为您创建的随机数。

或者，您可以运行一次代码，因此您可以这样做：

var numToMatch;
numToMatch = (Math.floor(Math.random() * (100) + 1));
document.getElementById("computerNumber").textContent = numToMatch;

Answer 3

由onclick事件触发：

function generateNumToMatch() {
    let numToMatch = (Math.floor(Math.random() * (100) + 1));
    document.getElementById("computerNumber").innerHTML = numToMatch;
}

<div class="card-body">
    <button onclick="generateNumToMatch()">Get a number</button>
        <p id="computerNumber"></p>
 </div>

在页面加载时触发：

function generateNumToMatch() {
    let numToMatch = (Math.floor(Math.random() * (100) + 1));
    document.getElementById("num").innerHTML = numToMatch;
}

span {
  color:red;
}

<body onload="generateNumToMatch()">
  <h4>Random number goes here: 
    <span id="num"></span>
  </h4>
</body>

如何将JavaScript函数链接到HTML元素？

3 个答案: