aptyInc · AnirudhSinghTomar · Jul 8, 2021 · Jul 8, 2021 · Jul 8, 2021 · Jul 8, 2021
diff --git a/02-react/04-redux-saga/README.md b/02-react/04-redux-saga/README.md
@@ -22,3 +22,4 @@
 - Navya: https://codesandbox.io/s/infallible-dhawan-1emux?file=/src/App.js
 - Sumanth: https://codesandbox.io/s/optimistic-proskuriakova-jxqq5?file=/src/App.js
 - Pooja: https://codesandbox.io/s/gracious-snyder-hls4f?file=/src/App.js
+- Anirudh: https://codesandbox.io/s/holy-bird-0zwxy?file=/src/App.js
diff --git a/06-dom_manipulation/LEVEL_01/AnirudhSinghTomar/index.html b/06-dom_manipulation/LEVEL_01/AnirudhSinghTomar/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+   <head>
+      <meta charset="utf-8">
+      <title>Task 1</title>
+      <style>
+         h2 {
+         color: maroon;
+         }
+         body {
+         background-color: pink;
+         font-size: 130%;
+         }
+      </style>
+   </head>
+   <body id="body of the page" class="body of the page class" >
+      <h1 id="Main Heading Task 1 " class ="Heading Task 1" >Task 1</h1>
+      <h2 id="SubHeading Paragraph 1 " class="Subheading Paragraph 1">Paragraph 1</h2>
+      <p id="Paragraph 1"  >
+      <ul>
+         <li id="Unordered list:Session 1" class="Ul">Session 1</li>
+         <li id="Unordered list:Session 2" class="Ul">Session 2</li>
+      </ul>
+      </p>
+      <h2 id="SubHeading Paragraph 2" class="Paragraph">Paragraph 2</h2>
+      <p style="text-align: center;" id="Centered Text" class="text">I am centered!<br>
+         <button type="button" id="Button"class="Click on it">Click on it</button>
+      </p>
+      <script>
+         document.body.addEventListener("click",(call) =>{
+         console.log("Id = ", call.target.id);
+           console.log("Class=" ,call.target.className)
+         });
+      </script> 
+   </body>
+</html>
diff --git a/06-dom_manipulation/LEVEL_01/AnirudhSinghTomar/resourceLEVEL1.txt b/06-dom_manipulation/LEVEL_01/AnirudhSinghTomar/resourceLEVEL1.txt
@@ -0,0 +1 @@
+https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
diff --git a/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/index.html b/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+   <head>
+      <meta charset='utf-8'>
+      <title>Task 2</title>
+      <script src="script.js" type="text/javascript"></script>
+   </head>
+   <body>
+      <input type="number" id="number1"/>
+      <input type="number" id="number2"/>
+      <button type="button" id="buttontype" onclick="addnumber()">Click to Add Numbers</button>
+   </body>
+</html>
diff --git a/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/resourceLEVEL2.txt b/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/resourceLEVEL2.txt
@@ -0,0 +1,3 @@
+https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers
+
+https://www.html5rocks.com/en/tutorials/workers/basics/
diff --git a/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/script.js b/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/script.js
@@ -0,0 +1,18 @@
+addnumber = () => {
+    let num1 = parseInt(document.getElementById("number1").value);
+    let num2 = parseInt(document.getElementById("number2").value);
+    if (window.Worker) {
+        let worker1 = new Worker("worker.js");
+        let message = {
+            toadd: {
+                number1: num1,
+                number2: num2
+            }
+        };
+        worker1.postMessage(message)
+
+        worker1.onmessage = function(e) {
+            console.log(e.data.result);
+        };
+    }
+}
diff --git a/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/worker.js b/06-dom_manipulation/LEVEL_02/AnirudhSinghTomar/worker.js
@@ -0,0 +1,7 @@
+this.onmessage = function(e) {
+    if (e.data.toadd !== undefined) {
+        this.postMessage({
+            result: e.data.toadd.number1 + e.data.toadd.number2
+        });
+    }
+};
diff --git a/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/index.html b/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+   <head>
+      <meta charset="utf-8">
+
+      <title>Task 3</title>
+   </head>
+   <body id="body" >
+      <button type="button" onclick="addtagss()">Submit</button>
+    <script src="script.js" type="text/javascript"></script>
+   </body>
+</html>
diff --git a/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/resourceLEVEL3.txt b/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/resourceLEVEL3.txt
@@ -0,0 +1 @@
+https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
diff --git a/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/script.js b/06-dom_manipulation/LEVEL_03/AnirudhSinghTomar/script.js
@@ -0,0 +1,26 @@
+const arr = ["p", "button", "li"];
+const text = ["Hey this is Anirudh Singh Tomar", "Click to Know me", "By"];
+function addtagss() {
+  let observer;
+  observer = new MutationObserver(mutated);
+  let config = {
+    childList: true,
+  };
+  observer.observe(document.body, config);
+
+  for (let i = 0; i < arr.length; i++) {
+    var node = document.createElement(arr[i]);
+    var textnode = document.createTextNode(text[i]);
+    node.appendChild(textnode);
+    var element = document.getElementById("body");
+    element.appendChild(node);
+  }
+}
+function mutated(mutationList) {
+  Array.prototype.forEach.call(mutationList, function (data) {
+    let newnodes = data.addedNodes;
+    Array.prototype.forEach.call(newnodes, function (newN) {
+      console.log("Added a new node", newN.tagName);
+    });
+  });
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers

		https://www.html5rocks.com/en/tutorials/workers/basics/