Js Loop

by Santosh Thakur

HTML

<div id="tripifyList">
  
  <ul>
    <li>this is content 1 <span>*</span></li>
    <li>this is content 2 <span>*</span></li>
    <li>this is content 3 <span>*</span></li>
    <li>this is content 4 <span>*</span></li>
  </ul>
  
</div>

SCSS

#tripifyList{
  border:1px solid #333;
  ul{
    li {
      
    }
  }
}

JavaScript

var div= document.getElementById('tripifyList');
var li=div.getElementsByTagName('li');

for(var i=0; i<li.length; i++){
  //console.log(li[i]);
  li[i].addEventListener('click', function(element){
  	element.li;
  	console.log("this is my Li" , element.target.innerHTML);
  })
}