title: Focus on input to display a console log message from if/if else conditional?
body: <p>I'm stuck as to why when I "focus" on the input, it doesn't display my console log message unlike if it's empty or not empty, it'll display the message. Am I using the event wrong?</p>
  
  <p>(Only a portion of my code, if needed more details, please let me know)</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;input id='input' placeholder="President Name" type="text"&gt; 
  </code></pre>
  
  <p>The JS </p>
  
  <pre><code>function message() {
     var presidentInput = document.getElementById('input').value;
              if (presidentInput === "") {
                  console.log('Please enter something in the input');
              } else if (presidentInput !== "" || document.getElementById('input').onfocus){
                  console.log('Great job');   
              }
          }
  message();
  </code></pre>