From cb2cc87423be37db555895b9a710e566d7b5a80c Mon Sep 17 00:00:00 2001 From: sonika45 Date: Thu, 30 Oct 2025 11:56:36 +0545 Subject: [PATCH] web page of recipe finder --- Password Generator | 129 --------------------------------------------- webpage/index.html | 62 ++++++++++++++++++++++ 2 files changed, 62 insertions(+), 129 deletions(-) delete mode 100644 Password Generator create mode 100644 webpage/index.html diff --git a/Password Generator b/Password Generator deleted file mode 100644 index 3e80ce2..0000000 --- a/Password Generator +++ /dev/null @@ -1,129 +0,0 @@ - - - - - - Password Generator - - - -
-

Password Generator

-
- - -
-
- - - - - - - - - - -
-
- - - - - -#css - -body{ - background-color: aquamarine; - font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; -} -.container{ - max-width: 600px; - margin: 0 auto; - padding: 25px; - border-radius: 5px; - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); - background-color: rgb(207, 169, 228); -} - -h1{ - text-align: center; - margin-top: 10px; -} -label{ - display: flex; /*display flex alligned things serrially*/ - align-items: center; - margin: 5px 2px; -} -label:hover{ - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - font-weight: bold; -} -#password{ - margin-top: 25px; - font-size: 25px; - text-align: center; - padding: 10px; - border: none; - border-radius: 5px; - background-color: rgba(128, 128, 128, 0.623); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -} -#password:hover{ - background-color: rgba(128, 128, 128, 0.97); -} -#generate{ - margin: 20px; - background-color: rgb(230, 69, 69); - color: white; - border: none; - border-radius: 5px; - padding: 10px; - font-size: 15px; - cursor: pointer; -} -#generate:hover{ - background-color: white; - font-family: Arial, Helvetica, sans-serif; - font-size: 15px; - color: red; - font-weight: bold; -} - -#js -const lowercaseletters = "abcdefghijklmnopqrstuvwxyz"; -const uppercaseletters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; // Corrected from "ABCDEFGHIZKLMNOPQRSTUVWXYZ" -const numbers = "0123456789"; -const symbols = "!#$%&'()*+,-./:;<=>?@[\]^_`{|}~"; - -const lengthEl = document.getElementById("length"); -const lowercaseEl = document.getElementById("lowercase"); -const uppercaseEl = document.getElementById("uppercase"); -const numbersEl = document.getElementById("numbers"); -const symbolsEl = document.getElementById("symbols"); -const generateBtn = document.getElementById("generate"); -const passwordEl = document.getElementById("password"); - -generateBtn.addEventListener("click", function() { - const length = lengthEl.value; - let characters = ""; - let password = ""; - - if (lowercaseEl.checked) { - characters += lowercaseletters; - } - if (uppercaseEl.checked) { - characters += uppercaseletters; // Corrected to include uppercase letters - } - if (numbersEl.checked) { - characters += numbers; - } - if (symbolsEl.checked) { - characters += symbols; - } - for (let i = 0; i < length; i++) { - password += characters.charAt(Math.floor(Math.random() * characters.length)); - } - passwordEl.value = password; -}); - diff --git a/webpage/index.html b/webpage/index.html new file mode 100644 index 0000000..a2e9173 --- /dev/null +++ b/webpage/index.html @@ -0,0 +1,62 @@ + + + + + +Recipe Finder + + + + +

Recipe Finder

+ + + + +
Recipe will appear here...
+ + + + +