now can also see previously generated passwords on scroll

search4asraful · Feb 3, 2024 · 605345c · 605345c
1 parent c239763
commit 605345c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
@@ -173,11 +173,21 @@ button img {
   width: 1rem;
   margin: 0;
 }
-#passwordList::before {
-  content: "Recent :";
+#passwordList span::before {
+  content: "Previous :";
   color: limegreen;
   margin-right: 15px;
 }
+#passwordList span:nth-of-type(1)::before {
+  content: "Recent : {";
+  color: limegreen;
+  margin-right: 15px;
+}
+#passwordList span:nth-of-type(1)::after {
+  content: "}";
+  color: limegreen;
+  margin-left: 15px;
+}
 #popup_overlay::before {
   content: "";
   width: 0;

diff --git a/js/script.js b/js/script.js
@@ -82,7 +82,7 @@ function randomPassword(){
         // Display passwords in the passwordList span
         passwordList.innerHTML = passwordsHistory
         .reverse()
-        .map((password) => `${password}<br><br>`)
+        .map((password) => `<span>${password}</span><br><br>`)
         .join("");
 
         if (passwordsHistory.length > 0) {