Fixed

RachitSahu26 · May 2, 2022 · 6c7d3a1 · 6c7d3a1
1 parent f42acfe
commit 6c7d3a1
Show file tree

Hide file tree

Showing 187 changed files with 2,879 additions and 2,835 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/103 - Word_Definition/Readme.md → 103 - Word Definition/Readme.md b/103 - Word_Definition/Readme.md → 103 - Word Definition/Readme.md
diff --git a/103 - Word_Definition/app.js → 103 - Word Definition/app.js b/103 - Word_Definition/app.js → 103 - Word Definition/app.js
diff --git a/...ord_Definition/images/word_definition.png → ...ord Definition/images/word_definition.png b/...ord_Definition/images/word_definition.png → ...ord Definition/images/word_definition.png
diff --git a/103 - Word_Definition/index.html → 103 - Word Definition/index.html b/103 - Word_Definition/index.html → 103 - Word Definition/index.html
diff --git a/103 - Word_Definition/style.css → 103 - Word Definition/style.css b/103 - Word_Definition/style.css → 103 - Word Definition/style.css
diff --git a/110 Pixel-to-em-converte/index.html → 110 - Pixel to em Converter/index.html b/110 Pixel-to-em-converte/index.html → 110 - Pixel to em Converter/index.html
diff --git a/110 Pixel-to-em-converte/script.js → 110 - Pixel to em Converter/script.js b/110 Pixel-to-em-converte/script.js → 110 - Pixel to em Converter/script.js
diff --git a/110 Pixel-to-em-converte/style.css → 110 - Pixel to em Converter/style.css b/110 Pixel-to-em-converte/style.css → 110 - Pixel to em Converter/style.css
diff --git a/113 - Particle-effect-animation/index.html → 113 - Particle Effect Animation/index.html b/113 - Particle-effect-animation/index.html → 113 - Particle Effect Animation/index.html
diff --git a/113 - Particle-effect-animation/script.js → 113 - Particle Effect Animation/script.js b/113 - Particle-effect-animation/script.js → 113 - Particle Effect Animation/script.js
diff --git a/113 - Particle-effect-animation/style.css → 113 - Particle Effect Animation/style.css b/113 - Particle-effect-animation/style.css → 113 - Particle Effect Animation/style.css
diff --git a/116 - Places under a Postal Code/index.html b/116 - Places under a Postal Code/index.html
diff --git a/116 - Places under a Postal Code/index.js b/116 - Places under a Postal Code/index.js
diff --git a/92- Ball-Game/css.css → 118 - Ball Game/css.css b/92- Ball-Game/css.css → 118 - Ball Game/css.css
diff --git a/92- Ball-Game/game/bg.jpeg → 118 - Ball Game/game/bg.jpeg b/92- Ball-Game/game/bg.jpeg → 118 - Ball Game/game/bg.jpeg
diff --git a/92- Ball-Game/game/bg.png → 118 - Ball Game/game/bg.png b/92- Ball-Game/game/bg.png → 118 - Ball Game/game/bg.png
diff --git a/92- Ball-Game/game/pic.jpg → 118 - Ball Game/game/pic.jpg b/92- Ball-Game/game/pic.jpg → 118 - Ball Game/game/pic.jpg
diff --git a/92- Ball-Game/game/pic.png → 118 - Ball Game/game/pic.png b/92- Ball-Game/game/pic.png → 118 - Ball Game/game/pic.png
diff --git a/92- Ball-Game/game/pic2.png → 118 - Ball Game/game/pic2.png b/92- Ball-Game/game/pic2.png → 118 - Ball Game/game/pic2.png
diff --git a/92- Ball-Game/game/picpg.jpg → 118 - Ball Game/game/picpg.jpg b/92- Ball-Game/game/picpg.jpg → 118 - Ball Game/game/picpg.jpg
diff --git a/92- Ball-Game/game/stump.jpg → 118 - Ball Game/game/stump.jpg b/92- Ball-Game/game/stump.jpg → 118 - Ball Game/game/stump.jpg
diff --git a/92- Ball-Game/index.html → 118 - Ball Game/index.html b/92- Ball-Game/index.html → 118 - Ball Game/index.html
diff --git a/92- Ball-Game/js.js → 118 - Ball Game/js.js b/92- Ball-Game/js.js → 118 - Ball Game/js.js
diff --git a/98-Random-Svg-Generator/README.md → 119 - Random Svg Generator/README.md b/98-Random-Svg-Generator/README.md → 119 - Random Svg Generator/README.md
diff --git a/98-Random-Svg-Generator/css/style.css → 119 - Random Svg Generator/css/style.css b/98-Random-Svg-Generator/css/style.css → 119 - Random Svg Generator/css/style.css
diff --git a/...Web capture_7-4-2022_55318_127.0.0.1.jpeg → ...Web capture_7-4-2022_55318_127.0.0.1.jpeg b/...Web capture_7-4-2022_55318_127.0.0.1.jpeg → ...Web capture_7-4-2022_55318_127.0.0.1.jpeg
diff --git a/...Web capture_7-4-2022_55339_127.0.0.1.jpeg → ...Web capture_7-4-2022_55339_127.0.0.1.jpeg b/...Web capture_7-4-2022_55339_127.0.0.1.jpeg → ...Web capture_7-4-2022_55339_127.0.0.1.jpeg
diff --git a/98-Random-Svg-Generator/img/logo2.svg → 119 - Random Svg Generator/img/logo2.svg b/98-Random-Svg-Generator/img/logo2.svg → 119 - Random Svg Generator/img/logo2.svg
diff --git a/98-Random-Svg-Generator/index.html → 119 - Random Svg Generator/index.html b/98-Random-Svg-Generator/index.html → 119 - Random Svg Generator/index.html
diff --git a/98-Random-Svg-Generator/js/script.js → 119 - Random Svg Generator/js/script.js b/98-Random-Svg-Generator/js/script.js → 119 - Random Svg Generator/js/script.js
diff --git a/99-GitHub/README.md → 122 - GitHub/README.md b/99-GitHub/README.md → 122 - GitHub/README.md
diff --git a/99-GitHub/css/style.css → 122 - GitHub/css/style.css b/99-GitHub/css/style.css → 122 - GitHub/css/style.css
diff --git a/...eb capture_10-4-2022_71120_127.0.0.1.jpeg → ...eb capture_10-4-2022_71120_127.0.0.1.jpeg b/...eb capture_10-4-2022_71120_127.0.0.1.jpeg → ...eb capture_10-4-2022_71120_127.0.0.1.jpeg
diff --git a/...eb capture_10-4-2022_71211_127.0.0.1.jpeg → ...eb capture_10-4-2022_71211_127.0.0.1.jpeg b/...eb capture_10-4-2022_71211_127.0.0.1.jpeg → ...eb capture_10-4-2022_71211_127.0.0.1.jpeg
diff --git a/99-GitHub/img/add-readme.png → 122 - GitHub/img/add-readme.png b/99-GitHub/img/add-readme.png → 122 - GitHub/img/add-readme.png
diff --git a/99-GitHub/index.html → 122 - GitHub/index.html b/99-GitHub/index.html → 122 - GitHub/index.html
diff --git a/99-GitHub/js/script.js → 122 - GitHub/js/script.js b/99-GitHub/js/script.js → 122 - GitHub/js/script.js
diff --git a/100 - Dino Game/README.md → 123 - Dino Game/README.md b/100 - Dino Game/README.md → 123 - Dino Game/README.md
diff --git a/100 - Dino Game/css/style.css → 123 - Dino Game/css/style.css b/100 - Dino Game/css/style.css → 123 - Dino Game/css/style.css
diff --git a/...Game/img/Screenshot 2022-04-14 072750.png → ...Game/img/Screenshot 2022-04-14 072750.png b/...Game/img/Screenshot 2022-04-14 072750.png → ...Game/img/Screenshot 2022-04-14 072750.png
diff --git a/...Game/img/Screenshot 2022-04-14 072804.png → ...Game/img/Screenshot 2022-04-14 072804.png b/...Game/img/Screenshot 2022-04-14 072804.png → ...Game/img/Screenshot 2022-04-14 072804.png
diff --git a/...Game/img/Screenshot 2022-04-14 072814.png → ...Game/img/Screenshot 2022-04-14 072814.png b/...Game/img/Screenshot 2022-04-14 072814.png → ...Game/img/Screenshot 2022-04-14 072814.png
diff --git a/100 - Dino Game/img/add-readme (1).png → 123 - Dino Game/img/add-readme (1).png b/100 - Dino Game/img/add-readme (1).png → 123 - Dino Game/img/add-readme (1).png
diff --git a/100 - Dino Game/img/cactus.png → 123 - Dino Game/img/cactus.png b/100 - Dino Game/img/cactus.png → 123 - Dino Game/img/cactus.png
diff --git a/100 - Dino Game/img/track.png → 123 - Dino Game/img/track.png b/100 - Dino Game/img/track.png → 123 - Dino Game/img/track.png
diff --git a/100 - Dino Game/img/trex.png → 123 - Dino Game/img/trex.png b/100 - Dino Game/img/trex.png → 123 - Dino Game/img/trex.png
diff --git a/100 - Dino Game/index.html → 123 - Dino Game/index.html b/100 - Dino Game/index.html → 123 - Dino Game/index.html
diff --git a/100 - Dino Game/js/script.js → 123 - Dino Game/js/script.js b/100 - Dino Game/js/script.js → 123 - Dino Game/js/script.js
diff --git a/124- Lyrics Search App/index.html → 124 - Lyrics Search App/index.html b/124- Lyrics Search App/index.html → 124 - Lyrics Search App/index.html
@@ -1,25 +1,25 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="uts-8">
-    <title>OLX Clone</title>
-    <link rel="stylesheet" href="style.css">
-    <meta name="viewport" content="width-device=width,initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
-</head>
-<body>
-    <header>
-    <h1>Lyrics Search App</h1>
-    <form id="form">
-        <input type="text" id="search" placeholder="enter song name...">
-        <button>Search</button>
-    </form>
-</header>
-<div id="result" class="container">
-    <p>Result will be displayed here</p>
-</div>
-<div id="more" class="container centered"></div>
-
-<script src="script.js"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="uts-8">
+    <title>OLX Clone</title>
+    <link rel="stylesheet" href="style.css">
+    <meta name="viewport" content="width-device=width,initial-scale=1">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
+</head>
+<body>
+    <header>
+    <h1>Lyrics Search App</h1>
+    <form id="form">
+        <input type="text" id="search" placeholder="enter song name...">
+        <button>Search</button>
+    </form>
+</header>
+<div id="result" class="container">
+    <p>Result will be displayed here</p>
+</div>
+<div id="more" class="container centered"></div>
+
+<script src="script.js"></script>
+</body>
 </html>
diff --git a/124- Lyrics Search App/preview.PNG → 124 - Lyrics Search App/preview.PNG b/124- Lyrics Search App/preview.PNG → 124 - Lyrics Search App/preview.PNG
diff --git a/124- Lyrics Search App/script.js → 124 - Lyrics Search App/script.js b/124- Lyrics Search App/script.js → 124 - Lyrics Search App/script.js
@@ -1,92 +1,92 @@
-const from = document.getElementById("form");
-const search = document.getElementById("search");
-const result = document.getElementById("result");
-const more = document.getElementById("more");
-
-const apiURL = "https://api.lyrics.ovh";
-
-async function searchSongs(term) {
-  const res = await fetch(`${apiURL}/suggest/${term}`);
-  const data = await res.json();
-
-  showData(data);
-}
-
-function showData(data) {
-  result.innerHTML = `
-  <ul class="songs">
-    ${data.data
-      .map(
-        (song) => `<li>
-    <span><strong>${song.artist.name}</strong> - ${song.title}</span>
-    <button class="btn" data-artist="${song.artist.name}" data-songtitle="${song.title}">Get Lyrics</button>
-  </li>`
-      )
-      .join("")}
-  </ul>
- `;
-  if (data.prev || data.next) {
-    more.innerHTML = `
-      ${
-        data.prev
-          ? `<button class="btn" "onclick="getMoreSongs('${data.prev}')">Prev</button>`
-          : ""
-      }
-      ${
-        data.next
-          ? `<button class="btn" onclick="getMoreSongs('${data.next}')">Next</button>`
-          : ""
-      }
-    `;
-  } else {
-    more.innerHTML = "";
-  }
-}
-
-async function getMoreSongs(url) {
-  const res = await fetch(`https://cors-anywhere.herokuapp.com/${url}`);
-  const data = await res.json();
-
-  showData(data);
-}
-
-async function getLyrics(artist, songTitle) {
-  const res = await fetch(`${apiURL}/v1/${artist}/${songTitle}`);
-  const data = await res.json();
-
-  if (data.error) {
-    result.innerHTML = data.error;
-  } else {
-    const lyrics = data.lyrics.replace(/(\r\n|\r|\n)/g, "<br>");
-
-    result.innerHTML = `
-              <h2><strong>${artist}</strong> - ${songTitle}</h2>
-              <span>${lyrics}</span>
-          `;
-  }
-
-  more.innerHTML = "";
-}
-
-form.addEventListener("submit", (e) => {
-  e.preventDefault();
-
-  const searchTerm = search.value.trim();
-
-  if (!searchTerm) {
-    alert("Please type in a search term");
-  } else {
-    searchSongs(searchTerm);
-  }
-});
-
-// Get lyrics button click
-result.addEventListener("click", (e) => {
-  const clickedEl = e.target;
-  if (clickedEl.tagName === "BUTTON") {
-    const artist = clickedEl.getAttribute("data-artist");
-    const songTitle = clickedEl.getAttribute("data-songtitle");
-
-    getLyrics(artist, songTitle) 
-   }
+const from = document.getElementById("form");
+const search = document.getElementById("search");
+const result = document.getElementById("result");
+const more = document.getElementById("more");
+
+const apiURL = "https://api.lyrics.ovh";
+
+async function searchSongs(term) {
+  const res = await fetch(`${apiURL}/suggest/${term}`);
+  const data = await res.json();
+
+  showData(data);
+}
+
+function showData(data) {
+  result.innerHTML = `
+  <ul class="songs">
+    ${data.data
+      .map(
+        (song) => `<li>
+    <span><strong>${song.artist.name}</strong> - ${song.title}</span>
+    <button class="btn" data-artist="${song.artist.name}" data-songtitle="${song.title}">Get Lyrics</button>
+  </li>`
+      )
+      .join("")}
+  </ul>
+ `;
+  if (data.prev || data.next) {
+    more.innerHTML = `
+      ${
+        data.prev
+          ? `<button class="btn" "onclick="getMoreSongs('${data.prev}')">Prev</button>`
+          : ""
+      }
+      ${
+        data.next
+          ? `<button class="btn" onclick="getMoreSongs('${data.next}')">Next</button>`
+          : ""
+      }
+    `;
+  } else {
+    more.innerHTML = "";
+  }
+}
+
+async function getMoreSongs(url) {
+  const res = await fetch(`https://cors-anywhere.herokuapp.com/${url}`);
+  const data = await res.json();
+
+  showData(data);
+}
+
+async function getLyrics(artist, songTitle) {
+  const res = await fetch(`${apiURL}/v1/${artist}/${songTitle}`);
+  const data = await res.json();
+
+  if (data.error) {
+    result.innerHTML = data.error;
+  } else {
+    const lyrics = data.lyrics.replace(/(\r\n|\r|\n)/g, "<br>");
+
+    result.innerHTML = `
+              <h2><strong>${artist}</strong> - ${songTitle}</h2>
+              <span>${lyrics}</span>
+          `;
+  }
+
+  more.innerHTML = "";
+}
+
+form.addEventListener("submit", (e) => {
+  e.preventDefault();
+
+  const searchTerm = search.value.trim();
+
+  if (!searchTerm) {
+    alert("Please type in a search term");
+  } else {
+    searchSongs(searchTerm);
+  }
+});
+
+// Get lyrics button click
+result.addEventListener("click", (e) => {
+  const clickedEl = e.target;
+  if (clickedEl.tagName === "BUTTON") {
+    const artist = clickedEl.getAttribute("data-artist");
+    const songTitle = clickedEl.getAttribute("data-songtitle");
+
+    getLyrics(artist, songTitle) 
+   }
 });