project1

Author: nainimaru

07_projects/projectsset1.md

@@ -0,0 +1,37 @@
+# Projects related to DOM
+
+## project link
+[Click here] (https://stackblitz.com/edit/dom-project-chaiaurcode?file=index.html)
+
+# Solution code
+
+## project 1
+
+```javascript
+const buttons= document.querySelectorAll('.button');
+const body= document.querySelector('body');
+
+buttons.forEach(function (button){
+    console.log(button);
+    button.addEventListener('click', function(e){
+        //console.log(e)
+        //console.log(e.target)
+        if(e.target.id==='grey'){
+            body.style.backgroundColor= e.target.id;
+        }
+        if(e.target.id==='white'){
+            body.style.backgroundColor= e.target.id;
+        }
+        if(e.target.id==='blue'){
+            body.style.backgroundColor= e.target.id;
+        }
+        if(e.target.id==='yellow'){
+            body.style.backgroundColor= e.target.id;
+        }
+        if(e.target.id==='purple'){
+            body.style.backgroundColor= e.target.id;
+        }
+    });
+});
+
+```