fix notifications

Author: solygambas

31-password generator/script.js

@@ -31,6 +31,14 @@ const randomFunctions = {
   symbol: getRandomSymbol,
 };
 
+const createNotification = (message) => {
+  const notif = document.createElement("div");
+  notif.classList.add("toast");
+  notif.innerText = message;
+  document.body.appendChild(notif);
+  setTimeout(() => notif.remove(), 3000);
+};
+
 clipboardElement.addEventListener("click", () => {
   const password = resultElement.innerText;
   if (!password) return;
@@ -40,7 +48,7 @@ clipboardElement.addEventListener("click", () => {
   textarea.select();
   document.execCommand("copy");
   textarea.remove();
-  alert("Password copied to clipboard!");
+  createNotification("Password copied to clipboard!");
 });
 
 generateElement.addEventListener("click", () => {

31-password generator/style.css

@@ -78,3 +78,14 @@ h2 {
   align-items: center;
   margin: 15px 0;
 }
+
+.toast {
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  background-color: #fff;
+  color: #3b3b98;
+  border-radius: 5px;
+  padding: 1rem 2rem;
+  margin: 0.5rem;
+}

66-meal finder/script.js

@@ -34,7 +34,7 @@ function searchMeal(e) {
       });
     search.value = "";
   } else {
-    alert("Please enter a search term");
+    getRandomMeal();
   }
 }