title: Quessing game by Object
body: <p>I am trying to make simple guessing game by object method.I want to practice object method. Everything is working, except one condition. I want compare input with random num. I don't know why this condition ignore me. How can I fix it?  Thank you</p>
  <pre><code>
  let game = {  
    quess: () =&gt; {
      const input = document.querySelector('.input').value
       return input
    },
    randomNumber: () =&gt; {
      //const x = Math.floor(Math.random() * 10) + 1
      const x = 3   // for testing
      return x
    },
    displayQuess: function() {
        const userNum = document.querySelector('.quess')
        return userNum.innerHTML = this.quess()
    },
   
    clearFields: function() {
      document.querySelector('.input').value = ''
    },
    result: function() {
       const output = document.querySelector('.output')
     
       const input = this.quess()
       const random = this.randomNumber()
       
       
       if(random === input) {         // this condition ignore me , why ? 
         output.innerHTML = ' Winner !!'
       } 
  
       if(input != random) {
         output.innerHTML = 'correct num was : ' + random
       }
    }
  }
  
   const btn = document.querySelector('.btn')
   const output = document.querySelector('.output')
   const quesss = document.querySelector('.quesses')
  
   let quesses = 3
  
   btn.addEventListener('click', function() {
     //console.log( game.displayQuess())
        game.displayQuess()
        game.clearFields()
        game.result()
  
        quesses--
        quesss.innerHTML = quesses
        if(quesses &lt; 1 ){
            output.style.color = 'red'
            output.innerHTML = 'game over'
            document.querySelector('.input').disabled = true;
            document.querySelector('.btn').disabled = true;
        }  
   })
  
  </code></pre>