如何將JavaScript函數鏈接到HTML元素？

Question

我試圖讓我隨機生成的數字出現在HTML的段落中，但我不斷收到error ，我無法將文本內容設置為null 。 該ID是正確的，我希望它在哪里。 我做錯了什么？

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

  <div class ="card-body"> <p id ="computerNumber" class="card-text"></p> </div>

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 個解決方案

解決方案1
0 2018-10-11 19:39:59

解決方案2
0 2018-10-11 20:35:00

解決方案3
0 2018-10-11 23:22:49

如何將JavaScript函數鏈接到HTML元素？

問題描述

3 個解決方案

解決方案1 0 2018-10-11 19:39:59

解決方案2 0 2018-10-11 20:35:00

解決方案3 0 2018-10-11 23:22:49

解決方案1
0 2018-10-11 19:39:59

解決方案2
0 2018-10-11 20:35:00

解決方案3
0 2018-10-11 23:22:49