title: Check Value from an Input
body: <p>I'm trying to match the input number to a randomly generated number.  If the two number's match, I want it to display as correct.  What am I missing or not doing correctly?</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 int = getRandomInt(3);
  var number = document.getElementsByClassName(".idk");
  var clickButton = document.querySelector("#me");
  
  
  
  function getRandomInt(num){
    var result = Math.floor(Math.random()* num);
    return result;
  } 
  
  clickButton.addEventListener("click", function(){
    getRandomInt(3);
    if(int == number){
      alert("mayber");
    } else {
      alert("maybe not");
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;input class="idk" type="number"&gt;
      &lt;button id="me"&gt;Click Me!&lt;/button&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>