button click color change after some interval
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>hello</p>
<p>good morning</p>
<p>good afternoon</p>
<p>good night</p>
<button>click</button>
<script>
document.querySelector('button').addEventListener('click',function(){
para=document.querySelectorAll('p');
//loop:-
for(let i=0;i<para.length;i++){
// console.log(i);
// console.log(para[i]);
setInterval(()=>{
para[i].style.color='red';
},i*3000)
}
})
</script>
</body>
</html>
Comments
Post a Comment