JSFiddle - React, Tailwind, and code Playground

by Nikita Rane

HTML

<div class="b101"><img src="images/1.jpg" /></div>
<div class="b102"><img src="images/2.jpg" /></div>
<div class="b103"><img src="images/3.jpg" /></div>
<div class="b104"><img src="images/4.jpg" /></div>
<div class="b105"><img src="images/5.jpg" /></div>
<div class="b106"><img src="images/6.jpg" /></div>


<form id="myform">
<input type="text" placeholder="enter block no" id="blockvalue"/>
<input type="button" value="Submit" id="submitbtn" />
</form>

CSS

div{ float:left; width:200px; height:200px;margin:5px;}
div img{ width:100%; }
.bordercls{ border:1px solid #000;}

JavaScript

$(document).ready(function(e) {
	var myArray1 = new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg");
	var arralgnt =  myArray1.length;
	//alert(arralgnt);
 $("#submitbtn").click(function(){
	var abc = $("#blockvalue").val();
	//alert(abc);
	if($("div").hasClass(abc)){
		$("."+abc).addClass("bordercls");
		//alert("fdg");
	}
	else{
		alert("noclass");
	}
 }); 

});