How do I compare two variables containing strings in JavaScript?

Question

Below is my code to compare two variables:

<script>

    var to_check=$(this).val();

    var cur_string=$("#0").text();

    var to_chk = "that";

    var cur_str= "that";

    if(to_chk==cur_str){

        alert("both are equal");

        $("#0").attr("class","correct");    

    } else {

        alert("both are not equal");

        $("#0").attr("class","incorrect");

    }

</script>

But I’m getting an error. Can anyone tell me what I’m doing wrong here?

Answer 1

Since both the values are strings, you don’t have to compare type with ===. Check the code below:

function do_check()

{

  var str1 = $("#textbox1").val();

  var str2 = $("#textbox2").val();

  if (str1 == str2)

  {

    $(":text").removeClass("incorrect");

    alert("equal");

  }

  else

  {

    $(":text").addClass("incorrect");

    alert("not equal");

  }

}

.incorrect

{

  background: #ff8888;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="textbox1" type="text">

<input id="textbox2" type="text">

<button onclick="do_check()">check</button>

Interested in Java? Check out this Java tutorial by Intellipaat.