title: Answer always coming back as 'incorrect' and not calling on next function
body: <p>I'm a very novice high school student and have been trying very hard to get this code to work but just cannot.  It is supposed to be an area game where an image is shown and the user inputs an answer and presses the check button, where the javascript should output if the answer was correct/incorrect and a point is added to the score and subsequently, then the next question is displayed.  However, whenever I input the correct answer to the first question, the javascript outputs that the answer to the question is incorrect and then does not load the next question.  I know my code is long and probably doesn't make much sense but any help would be appreciated to get this game working.</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 number1;
  var number2;
  var response;
  var calcanswer;
  var score = 0;
  score.innerHTML = "SCORE: " + score;
  
  areaquestion1();
  areaquestion2();
  areaquestion3();
  areaquestion4();
  areaquestion5();
  areaquestion6();
  areaquestion7();
  areaquestion8();
  areaquestion9();
  areaquestion10();
  
  function areaquestion1() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/2_1.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "2_1");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 2
      number2 = 1
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion2() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/4_2.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "4_2");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 4
      number2 = 2
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion3() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/3_2.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "3_2");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 3
      number2 = 2
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion4() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/4_3.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "4_3");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 4
      number2 = 3
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion5() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/6_1.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "6_1");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 6
      number2 = 1
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion6() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/2_2.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "2_2");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 2
      number2 = 2
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion7() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/4_1.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "4_1");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 4
      number2 = 1
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion8() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/6_4.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "6_4");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 6
      number2 = 4
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion9() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/6_2.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "6_2");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 6
      number2 = 2
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function areaquestion10() {
      var imageBlock = document.createElement("img");
      imageBlock.setAttribute("id", "img");
      imageBlock.setAttribute("src", "Images/4_3.png");
      imageBlock.setAttribute("width", "700");
      imageBlock.setAttribute("height", "400");
      imageBlock.setAttribute("alt", "4_3");
      document.getElementById('img').appendChild(imageBlock); 
      number1 = 4
      number2 = 3
      calcanswer = (number1*number2);
      var question = document.getElementById("question");
      question.innerHTML = "What is the area of this lego brick?";  
      document.getElementById("somethingelse")
  }
  
  function check() {
      var statusDiv = document.getElementById("status");
      response==document.getElementById("answer").value;
      document.getElementById("somethingelse")
      if (response==calcanswer)
      {
          statusDiv.innerHTML="Very good!";
          score ++;
          document.getElementById("score").textContent = score
          document.getElementById("answer").value = "";
      }
      else {
      if(response != calcanswer)
          statusDiv.innerHTML="Incorrect";
  
          
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;title&gt;Lego Area Play&lt;/title&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" href="CSS/gridtest.css"&gt;
      &lt;script src="JavaScript/Play.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  &lt;body onload="areaquestion1()";&gt;
    
    &lt;div class="header"&gt;
      &lt;h1&gt;LEGO AREA&lt;/h1&gt;
      &lt;p&gt;Calculating &lt;b&gt;area&lt;/b&gt; with Emmet.&lt;/p&gt;
      &lt;div id="scorelabel"&gt;&lt;label&gt;SCORE:&lt;/label&gt;&lt;/div&gt;
      &lt;div id="score" class="score"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
  
  &lt;form&gt;
    &lt;div class="row"&gt;
      &lt;div class="column" style="background-color:#fff;"&gt;
        &lt;div id="question"&gt;&lt;/div&gt;
        &lt;div id="img"&gt;&lt;/div&gt;
        &lt;div id="status"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="column" style="background-color:#fff;"&gt;
          &lt;div id ="prompt"&gt;&lt;/div&gt;
          &lt;label&gt;Area = &lt;/label&gt;
          &lt;input type="text" id="answer" placeholder="Answer"/&gt;
          &lt;label&gt;Units&lt;sup&gt;2&lt;/sup&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="column" style="background-color:#fff;"&gt;
          &lt;input id="somethingelse" type="button" value="CHECK!" onclick="check()"&gt;
          &lt;div class="practice"&gt; &lt;a href="Practice.html"&gt;&lt;img src="Images/legoBlue2.png" id="practicebtn" alt="lego button for practice page" width=350px height=140px&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="menu"&gt; &lt;a href="LegoWelcome.html"&gt;&lt;img src="Images/menured.png" id="menubtn" alt = "lego button for menu page" width=350px height=140px&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
    
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>