title: For loop doesn't appear to work in certain ranges?
body: <p>I have this issue where running a for loop between some ranges of numbers does not work? The loop literally just does not execute, and I really can't explain why this occurs for some number ranges, but not others. It seems that this only occurs in ranges where the upper value is &lt; 100, and the lower is &gt;=0. For example 20-100 does not work, yet 40-90 does. I've removed a lot of the code (mainly value validation things) that doesn't need to be included, as my only real issue is as to why this loop doesn't work.</p>
  <p>I really don't even know what to try, I can't understand why calling createTable(20,100) doesn't execute the loop, whilst createTable(40,90) does...</p>
  <p>I should also mention that this only occurs when clicking the &quot;convert&quot; button.</p>
  <p>To try this yourself, enter 20 as the lower value, 100 as the upper value, select &quot;Celsius → Fahrenheit&quot; and click convert.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var lowerValue = document.getElementById("lower");
  var upperValue = document.getElementById("upper");
  var celsiusCheckBox = document.getElementById("celsius");
  var fahrenheitCheckBox = document.getElementById("fahrenheit");
  var submitButton = document.getElementById("submit");
  
  
  
  
  function onButtonClicked() {
     createTable(lowerValue.value, upperValue.value)
  }
  
  
  function createTable(lower, upper) {
      for(let i = lower; i &lt;= upper; i++ ) {
          console.log(i);
        
      }
  }
  
  function checkCheckBox(element) {
      if (element.id == "celsius" &amp;&amp; fahrenheitCheckBox.checked) {
          fahrenheitCheckBox.checked = false;
      } else if (element.id == "fahrenheit" &amp;&amp; celsiusCheckBox.checked) {
          celsiusCheckBox.checked = false;
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;label&gt;Lower value&lt;/label&gt;
  &lt;input type="text" id="lower"&gt;
  &lt;label&gt;Upper value*&lt;/label&gt;
  &lt;input type="text" id="upper"&gt;
  
  &lt;label&gt;Celsius &amp;#8594; Fahrenheit&lt;/label&gt;
  &lt;input type="checkbox" id="celsius" onclick="checkCheckBox(this)"&gt;
  &lt;label&gt;Fahrenheit &amp;#8594; Celsius&lt;/label&gt;
  &lt;input type="checkbox" id="fahrenheit" onclick="checkCheckBox(this)"&gt;
  
  &lt;button type="button" id="submit" onclick="onButtonClicked()"&gt;Convert&lt;/button&gt;
  
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Any help would be greatly appreciated.</p>