Javascript String Compare Case Insensitive

In this example I will compare two string Case Insensitive

Basic Example:


<script>
	string1="HELLO";
	string2="hello";

	if(string1.toLocaleLowerCase() == string2.toLocaleLowerCase())
		window.alert("Equal");
	else
		window.alert("Not Equal");
</script>

string1="HELLO";

string2="hello";

if(string1.toLocaleLowerCase() == string2.toLocaleLowerCase())

window.alert("Equal");

else

window.alert("Not Equal");

</script>

Example Compare with inputs


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Code4Example.com</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
	<div class="container">

	<form>
	  <div class="form-group">
		<label for="string1">Enter First:</label>
		<input type="text" class="form-control" id="string1">
	  </div>
	  <div class="form-group">
		<label for="string2">Enter Second:</label>
		<input type="text" class="form-control" id="string2">
	  </div>
	  <div class="alert alert-success"  id="result">
	  </div>
	  <button type="button" id="compareBtn" class="btn btn-primary">Compare</button>
	</form>
	</div>
	<script>
		var compareBtn=document.querySelector("#compareBtn");

		compareBtn.onclick=function(){
			var string1=document.querySelector("#string1");
			var string2=document.querySelector("#string2");
			var resultDiv=document.querySelector("#result");
			
			if(string1.value.toLocaleLowerCase() == string2.value.toLocaleLowerCase())
            	resultDiv.innerHTML="Equal";
			else
            	resultDiv.innerHTML="Not Equal";
		}
		
	</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Code4Example.com</title>

</head>

<body>

<form>

<label for="string1">Enter First:</label>

</div>

<label for="string2">Enter Second:</label>

</div>

</div>

<button type="button" id="compareBtn" class="btn btn-primary">Compare</button>

</form>

</div>

var compareBtn=document.querySelector("#compareBtn");

compareBtn.onclick=function(){

var string1=document.querySelector("#string1");

var string2=document.querySelector("#string2");

var resultDiv=document.querySelector("#result");

if(string1.value.toLocaleLowerCase() == string2.value.toLocaleLowerCase())

resultDiv.innerHTML="Equal";

else

resultDiv.innerHTML="Not Equal";

}

</script>

</body>

</html>

Output:

Javascript String Compare Case Insensitive1 min read

1 Comment

Leave a Comment X

You may also like

1 Comment

Leave a Comment X