CloseTag | الشروحات | Java Script | أحداث mouse في لغة جافا سكريبت | JavaScript Mouse Events | javascript double click event addeventlistener new

<!DOCTYPE html>
<html>
<head>
<style>
 .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<p id="paragraph">this text will be hidden after button double click</p>
<button class="btn" id="btn">hidde text</button>
<script>
let btn = document.getElementById("btn");
let paragraph = document.getElementById("paragraph");
btn.addEventListener('dblclick',()=>{
  paragraph.style.visibility= 'hidden';
});
</script>
</body>
</html>