Exercise 10.8

2021-11-24 22:59:11 +05:30 · 2021-11-24 22:59:11 +05:30 · d3a45c8828
commit d3a45c8828
parent b994a8a9f0
1 changed files with 33 additions and 0 deletions
--- a/10/Exercise
+++ b/10/Exercise
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Complete JavaScript Course</title>
+</head>
+<body>
+    <div id="message"></div>
+    <div id="output"></div>
+        <script>
+            const message = document.querySelector("#message");
+            const myArray = ["Laurence", "Mike", "John", "Larry", "Kim", "Joanne", "Lisa", "Janet", "Jane"];
+            build();
+            //addClicks();
+            function build() {
+                let html = "<h1>My Friends Table</h1><table>";
+                myArray.forEach((item, index) => {
+                    html +=
+                        `<tr class="box" data-row="${index+1}" data-name="${item}" onclick="getData(this)"><td>${item}</td>`;
+                    html += `<td >${index + 1}</td></tr>`;
+                })
+                html += "</table>";
+                document.getElementById("output").innerHTML = html;
+            }
+
+            function getData(el) {
+                let temp = el.getAttribute("data-row");
+                let tempName = el.getAttribute("data-name");
+                message.innerHTML = `${tempName } is in row #${temp}`;
+            }
+    </script>
+
+</body>
+</html>