CloseTag | الشروحات | Java Script | أحداث واجهة المستخدم في لغة جافا سكريبت | JavaScript UI Events | javascript on load event addeventlistener new

<!DOCTYPE html>
<html>
<head>
<style>
 .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on load event</h1>
<p>body background will changed after page loaded</p>
<button class="btn">Click</button>
<script>
window.addEventListener('load',()=>{
  document.body.style.backgroundColor = "gray";
});
</script>
</body>
</html>

 
<!DOCTYPE html>
<html>
<head>
<style>
 .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on load event</h1>
<p>body background will changed after page loaded</p>
<button class="btn">Click</button>
<script>
window.addEventListener('load',()=>{
  document.body.style.backgroundColor = "gray";
});
</script>
</body>
</html>