Versuchen, eine globale Variable innerhalb einer folgenden Funktion ohne Erfolg neu zuzuweisen (javascript)

Question

Ich versuche, eine einfache Wetterwebsite zu erstellen, und ich möchte, dass der Benutzer die Anzahl der Tage eingeben kann, die angezeigt werden sollen. Ich habe eine globale Variable erstellt, die die Nummer enthält, die der Benutzer eingegeben hat. Der Benutzer klickt auf Senden und die Funktion wird aufgerufen, um diese Variable der gewünschten Anzahl von Tagen zuzuweisen. Ich habe mit Konsole für den Wert dieser Variablen innerhalb der Funktion verantwortlich für sie Neuzuweisung geprüft und es funktioniert, aber wenn ich die Konsole nur außerhalb der Funktion überprüfen die Variable kehrt zurück auf den vorherigen Wert

<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);

die 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

folgenden Code Versuchen Sie, wenn Sie max Tag als 5 halten möchten, können Sie max = "5" gesetzt, wie ich min platziert = "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>