CloseTag | الشروحات | Java Script | دوال EventListener في لغة جافا سكريبت | JavaScript DOM EventListener

<!DOCTYPE html>
<html>
<head>
  <title>CloseTag | JavaScript removeEventListener</title>
  <style>
  #btn
  {
    Background-color:#007bff;
    color:white;
    padding:10px;
    border:none;
  }
  </style>
</head>
<body>
<h1 id="h1">JavaScript removeEventListener</h1>
<p id="paragraph">random number <span id="number"> </span><p>
<button id="btn">Remove</button>
<script>
let number = document.getElementById("number");
let btn = document.getElementById("btn");
window.addEventListener("mousemove", randomiz);

function randomiz(){
  document.getElementById("number").innerHTML = Math.random();
}

btn.addEventListener("click", function(){
  window.removeEventListener("mousemove",randomiz);
});
</script>
</body>
</html>

​x
 
<!DOCTYPE html>
<html>
<head>
  <title>CloseTag | JavaScript removeEventListener</title>
  <style>
  #btn
  {
    Background-color:#007bff;
    color:white;
    padding:10px;
    border:none;
  }
  </style>
</head>
<body>
<h1 id="h1">JavaScript removeEventListener</h1>
<p id="paragraph">random number <span id="number"> </span><p>
<button id="btn">Remove</button>
<script>
let number = document.getElementById("number");
let btn = document.getElementById("btn");
window.addEventListener("mousemove", randomiz);
​
function randomiz(){
  document.getElementById("number").innerHTML = Math.random();
}
​
btn.addEventListener("click", function(){
  window.removeEventListener("mousemove",randomiz);
});
</script>
</body>
</html>