有誰知道如何使起始編號和終止編號產生無序的平方根列表？

Question

我在弄清楚如何進行這項工作時遇到了麻煩。 我需要StartNumber框的值為0， EndNumber為12。單擊ClickMe! 它產生每個平方根0-12的無序列表。

 function wasClicked() { let firstBox = document.getElementById("startNumber"); console.log("firstBox is " + firstBox); let startNumber = firstBox.Value; let secondBox = document.getElementById("endNumber"); let endNumber = secondBox.value || 12; let line = ""; for (let i = startNumber; i = endNUmber; i++) { line += "<li>The square root of " + i + " is " + Math.sqrt(i).toFixed(3) + "</li>\\n"; } console.log(line); } function isANumber(x) { return !isNaN(x); } 

 <div> <label>Start Number:</label> <input type="text" id="startNumber" /><br> </div> <div> <label>End Number:</label> <input type="text" id="endNumber" /><br> </div> <div> <button onclick="wasClicked()">Click Me!</button> </div> <div></div> <h2>The list</h2> <ul id="theList"></ul> 

Answer 1

您的代碼有很多問題。

首先，外殼事項在JavaScript中，所以它firstBox.value不firstBox.Value ，並endNumber是一個完全不同的名稱endNUmber 。 確保您知道任何內置屬性或方法的正確情況，並在變量名中使用一致的大小寫。

其次，您的for -loop語法已關閉。 它應該是類似的東西

for (let i = start; i <= end; i++) ...

另外，HTML <input>元素的.value屬性是一個字符串，因此如果您想將其視為數字，則需要將其轉換為數字。 有幾種方法可以執行此操作，但是在本示例中，我將使用Number.parseFloat 。

最后，您將需要以某種方式在DOM上呈現結果。 同樣，有幾種方法可以做到這一點，但最簡單的方法是Element.innerHTML 。

將所有這些放在一起，您將獲得以下內容：

 function wasClicked() { let firstBox = document.getElementById("startNumber"); let startNumber = Number.parseFloat(firstBox.value); let secondBox = document.getElementById("endNumber"); let endNumber = Number.parseFloat(secondBox.value); let line = ""; for (let i = startNumber; i <= endNumber; i++) { line += `<li>The square root of ${i} is ${Math.sqrt(i).toFixed(3)}</li>`; } document.getElementById("theList").innerHTML = line; } function isANumber(x) { return !isNaN(x); } 

 <div> <label>Start Number:</label> <input type="text" id="startNumber" /><br> </div> <div> <label>End Number:</label> <input type="text" id="endNumber" /><br> </div> <div> <button onclick="wasClicked()">Click Me!</button> </div> <div></div> <h2>The list</h2> <ul id="theList"></ul>