How can I compare a variable to a number in an if statement using JavaScript?

Question

I have tried to make an if statement to check if a variable is 2. But everytime I try, I get the else statement. Here's my Javascript:

$(document).ready(function() {
    $('#test').html(2);
    var antkeepere = document.getElementById('test');

    if(antkeepere==2){
        $('#mer').html('Ja!')
    } 
    else{
        $('#mer').html('Nei!')
    };
});

First I wrote 2 in my html, but it didn't work. THen I tried to make it 2 through js as in the example over, but it didn't work either. I have searched through other threads like this and tried to but .value both in the if statement and when creating the variabel, but none of them worked either.

You are comparing a DOM object with a number. They are different — Catalin
– Catalin, Commented Sep 23, 2014 at 7:53
as method suggest document.getElementById() give me element in document with that id and not its content. So you are comparing element with 2. Get the content and compare — Shoaib Chikate
– Shoaib Chikate, Commented Sep 23, 2014 at 7:56

Barmar · Accepted Answer · 2014-09-23 07:52:57Z

3

document.getElementById() returns the DOM element, not its contents. To get its HTML content, you have to use the .innerHTML property. And to convert it to a number, you should use parseInt().

var antkeepere = parseInt(document.getElementById('test').innerHTML, 10);

Since you're using jQuery, you can stick with that:

var antkeepere = parseInt($("#test").html());

answered Sep 23, 2014 at 7:52

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

worldask · Accepted Answer · 2014-09-23 07:53:28Z

0

because document.getElementById('test'); returns a dom object.

try this

var antkeepere = $("#test").val();

answered Sep 23, 2014 at 7:53

worldask

1,8373 gold badges22 silver badges38 bronze badges

3 Comments

Shoaib Chikate Over a year ago

He is saying using Java Script and you gave him jQuery solution

Scimonster Over a year ago

@ShoaibChikate The OP is also using jQuery.

worldask Over a year ago

he used $('#test').html(2);

andrex · Accepted Answer · 2014-09-23 07:54:01Z

0

You do like this in jQuery

$(document).ready(function() {
    $('#test').html(2);
    var antkeepere =$('test').html();

    if(parseInt(antkeepere) == 2){
        $('#mer').html('Ja!')
    } 
    else{
        $('#mer').html('Nei!')
    };
});

Since you are putting the 2 using .html $('#test').html(2); you can also access that using the same function .html() but without the arguments.

If comparing the antkeepere variable to 2 you need to parse it so it's will convert it into a number because .html returns a string. so that is why you need to do this if(parseInt(antkeepere) == 2)

If you are going to compare string you don't need to parseInt you can simply go like this if(antkeepere == 'aaab')

answered Sep 23, 2014 at 7:54

andrex

1,0326 silver badges16 bronze badges

Comments

Haroon · Accepted Answer · 2014-09-23 07:56:14Z

0

try below code

 //As I understand test is div or span not input type objects. if it is input type element then use val() instead of html()

 $(document).ready(function() {
      $('#test').html(2);
     var antkeepere = document.getElementById('test');
    //   use can also use parseInt($('#test').html())
    if(parseInt(antkeepere.innerHTML)==2){
       $('#mer').html('Ja!')
     } 
     else{
       $('#mer').html('Nei!')
    };
});

answered Sep 23, 2014 at 7:56

Haroon

1271 silver badge6 bronze badges

Comments

3Dom · Accepted Answer · 2014-09-23 08:03:21Z

0

Most of the answers above are pretty good, but seeing as you've already loaded jQuery, you may as well use it (you don't need document.getElement...).

$(document).ready(function() {
    $('#test').text(2); // Using text() instead of html() just means you can write stuff like "&", instead of "&amp;"
    var antkeepere = parseFloat( $('#test').text() ); // parseFloat ensures the contents of test is converted to a number.

    if(antkeepere == 2){
        $('#mer').text('Ja!')
    } 
    else{
        $('#mer').text('Nei!')
    };
});

answered Sep 23, 2014 at 8:03

3Dom

8353 gold badges12 silver badges22 bronze badges

Comments

KooiInc · Accepted Answer · 2014-09-23 08:04:15Z

0

First, you're not retrieving the html of #test but the whole element. Second, to make sure the html value is a number with value 2, you should try to convert the html value to a Number. A simple code adjustment:

$(document).ready(function() {
    $('#test').html(2);
    var antkeepere = Number(document.getElementById('test').html());

    if(antkeepere === 2){
        $('#mer').html('Ja!')
    } 
    else{
        $('#mer').html('Nei!')
    };
});

edited Sep 23, 2014 at 8:04

answered Sep 23, 2014 at 7:54

KooiInc

124k32 gold badges145 silver badges181 bronze badges

Collectives™ on Stack Overflow

How can I compare a variable to a number in an if statement using JavaScript?

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related