logo crop_rotate Run
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
 .btn
6
 {
7
   padding:10px;
8
   background-color:#007bff;
9
   border:none;
10
   color:white;
11
 }
12
</style>
13
</head>
14
<body>
15
<h1>JavaScript on load event</h1>
16
<p>body background will changed after page loaded</p>
17
<button class="btn">Click</button>
18
<script>
19
window.onload = function(){
20
  document.body.style.backgroundColor = "gray";
21
}
22
</script>
23
</body>
24
</html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KIC5idG4NCiB7DQogICBwYWRkaW5nOjEwcHg7DQogICBiYWNrZ3JvdW5kLWNvbG9yOiMwMDdiZmY7DQogICBib3JkZXI6bm9uZTsNCiAgIGNvbG9yOndoaXRlOw0KIH0NCjwvc3R5bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQo8aDE+SmF2YVNjcmlwdCBvbiBsb2FkIGV2ZW50PC9oMT4NCjxwPmJvZHkgYmFja2dyb3VuZCB3aWxsIGNoYW5nZWQgYWZ0ZXIgcGFnZSBsb2FkZWQ8L3A+DQo8YnV0dG9uIGNsYXNzPSJidG4iPkNsaWNrPC9idXR0b24+DQo8c2NyaXB0Pg0Kd2luZG93Lm9ubG9hZCA9IGZ1bmN0aW9uKCl7DQogIGRvY3VtZW50LmJvZHkuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gImdyYXkiOw0KfQ0KPC9zY3JpcHQ+DQo8L2JvZHk+DQo8L2h0bWw+