嘗試在以下函數中未成功重新分配全局變量（javascript）

Question

我正在嘗試建立一個基本的天氣站點，希望用戶能夠輸入他們想要顯示的天數。 我創建了一個全局變量，該變量將保存用戶輸入的數字。 用戶單擊提交，然后調用該函數以將該變量重新分配給所需的天數。 我已經在控制台中使用控制台檢查了該變量的值以負責重新分配它，並且它可以正常工作，但是當我在函數外部檢查控制台時，該變量又恢復為先前的值

 <script> var days var table = "" function checkValue(){ var day = document.getElementById("day").value; if (day == 1){ days = 1; } else if (day == 2){ days = 2; } else if (day == 3){ days = 3; } else if (day == 4){ days = 4; } else if (day == 5){ days = 5; } else{ alert("Please enter a number (1-5)"); } } console.log(days); 

HTML

 <div class = "main">Please enter the day of the week for which you would like the forcast the be displayed (1-5)</div> <br> <div class="main"> Enter day here:<br> <input id = "day" type = "text" name = "day" value=""><br> <br> <button id = "submit" name ="button" onClick = "checkValue();" value="submit">Submit</button> </div> 

Answer 1

如果您希望將最大天數保持為5，請嘗試以下代碼，可以將max =“ 5”設置為我放置min =“ 0”

 (function() { var day = document.getElementById("day").value; document.getElementById("btn").onclick = function() { myNode() }; // alert(day); function myNode(){ var day = document.getElementById("day").value; console.log(day); if (day == 1){ day == 1; } else if (day == 2){ day == 2; } else if (day == 3){ day == 3; } else if (day == 4){ day == 4; } else if (day == 5){ day == 5; } else{ alert("Please enter a number (1-5)"); } } })(); 

 <input type="number" id="day" min="1"> <button id="btn">Click</button>