example

last-endcode · last-endcode · commit 2b655b5c3fa9 · 2020-10-29T08:07:28.000+07:00
diff --git a/23_example.js b/23_example.js
@@ -0,0 +1,21 @@
+const container = document.querySelector('.container');
+const btn = document.querySelector('.btn');
+
+function addElement(e) {
+  // create element h1
+  const heading_1 = document.createElement('h1');
+  //   add class with the name heading
+  heading_1.classList.add('heading');
+  //   create Text content
+  heading_1.textContent = 'The pirates of SHP';
+  //   show to browser pages
+  container.appendChild(heading_1);
+}
+
+// here if heading release and click get text hello there
+container.addEventListener('click', function (e) {
+  if (e.target.classList.contains('heading')) {
+    console.log('hello there ');
+  }
+});
+btn.addEventListener('click', addElement);
