title: If statement does not repeat when condition is met?
body: <p>I want the script to keep prompting the user for a valid input which is from 0 to 100 but can't get it to work. I am more confused than when I started to work on this script last night. This is my homework and the teacher has asked us to use if statement that is why I haven't tried to use the while loop but maybe I should.</p>
  
  <p>Here is the code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Grade&lt;/title&gt;
    &lt;script type="text/javascript"&gt;
      var grade = Number(prompt("What did you score: ", "Your Score Here!"));
  
      if (grade &lt; 0 || grade &gt; 100) {
        grade = Number(prompt("Please enter a valid score", "Your Score Here!"));
      } else if (grade &gt;= 0 &amp;&amp; grade &lt; 60) {
        grade = "F";
      } else if (grade &gt;= 60 &amp;&amp; grade &lt; 70) {
        grade = "D";
      } else if (grade &gt;= 70 &amp;&amp; grade &lt; 80) {
        grade = "C";
      } else if (grade &gt;= 80 &amp;&amp; grade &lt; 90) {
        grade = "B";
      } else if (grade &gt;= 90 &amp;&amp; grade &lt;= 100) {
        grade = "A";
      }
  
      document.write("&lt;strong&gt;Your grade is:&lt;/strong&gt; " + grade);
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>