Condition not getting properly evaluated in JavaScript

Question

I have the following code:

function disabler(){
    var content = document.getElementById("show").textContent;
    var correct = "Roll Number Correct";
    var incorrect = "Roll Number Incorrect";
    alert(content == correct);
    /* if (){
        alert(content);
    } */ 
}

I have checked the value of the content variable ( which is as same as the correct variable)and used the typeof operator to be sure of its type. To my knowledge, the alert should yield true but it is not. What could be the possible solutions?

Are you sure the content is correct? There could be extra whitespace or something. — VLAZ
– VLAZ, Commented Dec 17, 2017 at 16:00
Maybe has somenting extra whitespace try using document.getElementById("show").textContent.trim() — Ciro Spaciari
– Ciro Spaciari, Commented Dec 17, 2017 at 16:01
Yeah, without seeing what's coming in from #show, there's no way of knowing. Code is technically fine, probably just a data issue — Matt Fletcher
– Matt Fletcher, Commented Dec 17, 2017 at 16:01
Post your HTML for a Minimal, Complete, and Verifiable example — Ciro Spaciari
– Ciro Spaciari, Commented Dec 17, 2017 at 16:06

Ciro Spaciari · Accepted Answer · 2017-12-17 16:08:40Z

2

I think you have some white space. Check this example:

var content = document.getElementById("show").textContent;

var contentWithTrim = document.getElementById("show").textContent.trim();


console.log(content);
console.log(contentWithTrim);

console.log("content.length:", content.length);
console.log("contentWithTrim.length:", contentWithTrim.length);

console.log(content == contentWithTrim);

console.log(content == "My Content");
console.log(contentWithTrim == "My Content");

<div id="show">
   My Content
</div>

edited Dec 17, 2017 at 16:08

answered Dec 17, 2017 at 16:03

Ciro Spaciari

6305 silver badges10 bronze badges

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

1 Comment

VLAZ Over a year ago

Also, it's useful trick is to check content.length and contentWithTrim.length, because it might be hard to spot the whitespace characters when logged otherwise.

Collectives™ on Stack Overflow

Condition not getting properly evaluated in JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related