Search code examples
javascriptstringnumbersbuttonclick

How to convert a string (button) to number in JavaScript


How to convert a string to an integer in JavaScript?

const secrectNumber = 4;

button class="btn-number">01</button

button class="btn-number">02</button

button class="btn-number">03</button

button class="btn-number">04</button

button class="btn-number">05</button

$(".btn-number").click(function (e) {
   if ($(this).text() === secretNumber) {
       
   }

}

How do I convert button is string to number in JavaScript?


Solution

  • You can simply achieve this in two ways :

    • By using strict equality operator (===), In this case you have to cast the string into Number by using Number() or parseInt().
    • By using equality operator (==) checks whether its two operands are equal, returning a Boolean result.

    Live Demo :

    const secrectNumber = 4;
    
    $(".btn-number").click(function (e) {
      // By using === operator
      if(Number(e.target.innerText) === secrectNumber) {
        console.log(e.target.innerText);
      }
      
      // By using == operator
      if(e.target.innerText == secrectNumber) {
        console.log(e.target.innerText);
      }
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <button class="btn-number">01</button>
    
    <button class="btn-number">02</button>
    
    <button class="btn-number">03</button>
    
    <button class="btn-number">04</button>
    
    <button class="btn-number">05</button>