Events in JS

Author: in-imitable

Chapter 8/47_script.js

@@ -0,0 +1,7 @@
+//Events
+
+let a = document.getElementsByClassName("container")[0]
+a.onclick = () => {
+  let b = document.getElementsByClassName("container")[0]
+  b.innerHTML = "Hello World!"
+}

Chapter 8/index.html

@@ -35,8 +35,14 @@
   </div>
   <script src="45_script.js"></script> -->
 
-  Hello world
-  <script src="46_script.js"></script>
+  <!-- Hello world
+  <script src="46_script.js"></script> -->
+
+  <div class="container" onmouseenter="console.log('container ke andar mouse gaya')"
+    onclick="console.log('container me click hua')">
+    <button onclick="alert('hello'); let a = 6; console.log(a)">Click me</button>
+  </div>
+  <script src="47_script.js"></script>
 
 </body>
 

Chapter 8/style.css

@@ -3,7 +3,7 @@ html, body {
     width: 100%;
 }
 
-.yellow {
+/* .yellow {
     background-color: yellow;
     color: white;
 }
@@ -15,4 +15,9 @@ html, body {
 
 .text-dark {
     color: black;
+} */
+
+/* for 47th script */
+.container{
+    background: lightblue;
 }