title: unable to correctly verify user input in javascript
body: <p><strong>Background</strong>: I am making a simple math quiz game in JavaScript, the questions are generated randomly and displayed, and once the user inputs his answer and clicks submit, his answer his checked to see if it's correct.  The score card contains two two text elements("correct" and "incorrect") which are updated once the user's answer is verified.</p>
  
  <p><strong>Problem</strong>: I am unable to get the score-card to update correctly once I input the answer. Even if I input the correct answer, it is the "incorrect" variable that keeps getting incremented.</p>
  
  <pre><code>var question = document.getElementById("question"); //reference to the div element which displays the numbers from generateQuestions on the board
  var userAns = document.getElementById("userAns");  // ref. to input area where user enters his answer 
  var checkAnsBtn = document.getElementById("submitAns"); //ref. to area where user clicks once he inputs the answer
  var correctAns = document.getElementById("correctAns"); // ref. to area on top of screen which displays number of correct ans
  var wrongAns = document.getElementById("wrongAns"); // same as above, 
  var startButton = document.getElementById("startGame"); // the question is generated once user clicks this btn
  
  
  var view = {
       numCorrect: 0,
       numWrong: 0,
  
      updateStats: function(isCorrect) {
  
          if (isCorrect) {
              this.numCorrect++;
              correctAns.innerHTML = "correct: "+ this.numCorrect;
          }
  
          else if (!isCorrect) {  
              this.numWrong ++;
              wrongAns.innerHTML = "incorrect: " + this.numWrong;
          }
  
          else {
              return null;
          }   
      }
  };  
  
  var mathQuestions = {
  
      rand1: Math.floor(Math.random() * 10),
      rand2: Math.floor(Math.random() * 10),
  
      operationSign: "",
      assignOperationSign: function() {
          var randOp = Math.floor(Math.random() * 4);
  
          if (randOp === 0) {
              this.operationSign = "+";
          }
  
          else if(randOp === 1) {
              this.operationSign = "-";
          }
  
          else if(randOp === 2) {
              this.operationSign = "/";
  
              while (rand1 % rand2 != 0) {
                  rand1 = Math.floor(Math.random() * 10);
                  rand2 = Math.floor(Math.random() * 10);
              };  
  
              while (rand2 === 0) {
                  var rand2 = Math.floor(Math.random() * 100);
              };      
          }
  
          else {
              this.operationSign = "*";
          }   
          return this.operationSign;
      },
      checkAnswer: function(userA) {
          var numCorrect = 0;
          var numWrong = 0;
          var answer;
          var isCorrect;
  
  
          switch(this.operationSign) {
              case "+":
              answer = this.rand1 + this.rand2;
              break;
  
              case "-":
              answer = this.rand1 - this.rand2;
              break;
  
              case "/":
              answer = this.rand1 / this.rand2;
              break;
  
              case "*":
              answer = this.rand1 * this.rand2;
              break;
  
              default:
              console.log("something went wrong");
          }   
  
  
          if (userA === answer) {
              isCorrect = true; 
          }
  
          else if (userA != answer) {
          isCorrect = false;
          }   
  
          view.updateStats(isCorrect);                    
      }       
  };
  
  function generateQuestion() {
      var question = document.getElementById("question");
  
      var rand1 = mathQuestions.rand1;
      var rand2 = mathQuestions.rand2;
  
      var operationSign = mathQuestions.assignOperationSign();
  
       question.innerHTML = rand1 + " " + operationSign + " " + rand2;    
  } 
  
  function startProcess() {
      startButton.onclick = generateQuestion; 
      checkAnsBtn.onclick =  function () {
  
      var ans = parseInt(userAns.textContent);
      mathQuestions.checkAnswer(ans); 
      };
  }
  
  window.onload = startProcess;
  </code></pre>
  
  <p><strong>EDIT</strong> Here is the HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;title&gt;mathMadness&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;link rel="stylesheet" href="css/mathMadness.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
         &lt;div id="startGame"&gt; 
              &lt;input type="submit" id="startGame" value="start" /&gt;
          &lt;/div&gt;      
         &lt;h1&gt; Math Madness! &lt;/h1&gt;
         &lt;div id="correctAns"&gt;correct: &lt;/div&gt;
         &lt;div id="wrongAns"&gt;incorrect: &lt;/div&gt;
         &lt;div id="time"&gt; time: &lt;/div&gt;
  
         &lt;div id="problemBoard"&gt;
          &lt;h2 id="question"&gt; &lt;/h2&gt;
  
          &lt;input type="text" id="userAns"&gt;
          &lt;input type="submit" id="submitAns" value="OK"  /&gt;
  
      &lt;/div&gt;
  
  
  &lt;script src="js/mathMadness.js"&gt;&lt;/script&gt;
  &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>