Practicing

in-imitable · in-imitable · commit 3fe0b3aba42a · 2022-09-24T17:54:11.000+05:30
diff --git a/Chapter 8 - PractiseSet/index.html b/Chapter 8 - PractiseSet/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Chapter 8 - Practise Set</title>
+  <link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+  <!-- Q1 -->
+  <!-- <button onclick="alert('Please give me a Burger')">Burger</button>
+  <button onclick="alert('Please give me a Plate Momos')">Momo</button>
+  <button onclick="alert('Please give me a Plate Chowmein')">Chowmein</button> -->
+
+  <!-- Q2 -->
+  <!-- <h1>Bookmarks</h1>
+  <button id="google">Google</button>
+  <button id="fb">Facebook</button>
+  <button id="insta">Instagram</button> -->
+
+  <div id="bulb" class="bulbcontainer bulb"></div>
+  <script src="script.js"></script>
+
+
+</body>
+
+</html>
diff --git a/Chapter 8 - PractiseSet/script.js b/Chapter 8 - PractiseSet/script.js
@@ -0,0 +1,34 @@
+// Q2 - Q3
+/*
+document.getElementById("google").addEventListener("click", function() {
+    window.location = "https://google.com"
+    window.focus()
+})
+document.getElementById("fb").addEventListener("click", function() {
+    window.location = "https://facebook.com"
+    window.focus()
+})
+document.getElementById("insta").addEventListener("click", function() {
+    window.location = "https://instagram.com"
+    window.focus()
+})
+*/
+
+//Q4
+/*
+const fetchContent = async (url) => {
+  con = await fetch(url);
+  let a = await con.json()
+  return a;
+}
+
+setInterval(async function() {
+  let url = "https://jsonplaceholder.typicode.com/todos/1"
+  console.log(await fetchContent(url))
+}, 3000)
+*/
+
+
+setInterval(async function() {
+    document.querySelector("#bulb").classList.toggle("bulb")
+  }, 250)
diff --git a/Chapter 8 - PractiseSet/style.css b/Chapter 8 - PractiseSet/style.css
@@ -0,0 +1,13 @@
+html, body {
+    height: 100%;
+    width: 100%;
+}
+
+.bulb{ 
+    background: yellow;
+}
+
+.bulbcontainer{
+    height: 341px;
+    width: 341px; 
+}
