javascript search

by Pranab Dey

HTML

<input type="search"/>
<div class="muth">
<p>first</p><p>second</p><p>third</p><p>fourth</p><p>fifth</p><h2><p>gjdhj</p></h2><h2><p>pranab</p></h2>
</div>

JavaScript

var inp = document.querySelector("input"),
muth = document.querySelectorAll("p");

//alert(muth[0].childNodes.length);
inp.addEventListener("input",function(){
var fin = inp.value;
var fon = muth.length;
//alert(fon);
	for(var i=0;i<=fon;i++){
		var val = muth[i].innerHTML;
		if(val.match(fin)) {
			muth[i].style.display = "block";
		}
		else {
			muth[i].style.display = "none";
		}
	}
})