unit 03 javascript homework password generator

03 JavaScript: Password Generator

This week’s homework requires you to modify starter code to create an application that enables employees to generate random passwords based on criteria that they’ve selected. This app will run in the browser and will feature dynamically updated HTML and CSS powered by JavaScript code that you write. It will have a clean and polished, responsive user interface that adapts to multiple screen sizes.

The password can include special characters. If you’re unfamiliar with these, see this list of password special characters from the OWASP Foundation.

Acceptance Criteria

The following image shows the web application’s appearance and functionality:

Grading Requirements

This homework is graded based on the following criteria:

Technical Acceptance Criteria: 40%

Satisfies all of the preceding acceptance criteria plus the following:

• The homework should not produce any errors in the console when you inspect it using Chrome DevTools.

Deployment: 32%

Application deployed at live URL.

Application loads with no errors.

Application GitHub URL submitted.

GitHub repository that contains application code.

Application Quality: 15%

Application user experience is intuitive and easy to navigate.

Application user interface style is clean and polished.

Application resembles the mock-up functionality provided in the homework instructions.

Repository Quality: 13%

Repository has a unique name.

Repository follows best practices for file structure and naming conventions.

Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.

Repository contains multiple descriptive commit messages.

Repository contains quality readme file with description, screenshot, and link to deployed application.

You are required to submit the following for review:

The URL of the deployed application.

The URL of the GitHub repository, with a unique name and a readme describing the project.

© 2021 Trilogy Education Services, LLC, a 2U, Inc. brand. Confidential and Proprietary. All Rights Reserved.

03 JavaScript: Password Generator

Create an application that generates a random password based on user-selected criteria. This app will run in the browser and feature dynamically updated HTML and CSS powered by your JavaScript code. It will also feature a clean and polished user interface and be responsive, ensuring that it adapts to multiple screen sizes.

If you are unfamiliar with special characters, take a look at some examples .

Acceptance Criteria

The following image demonstrates the application functionality:

password generator demo

You are required to submit the following for review:

The URL of the deployed application.

The URL of the GitHub repository. Give the repository a unique name and include a README describing the project.

© 2019 Trilogy Education Services, a 2U, Inc. brand. All Rights Reserved.

Refactoring-HW-2

03 javascript: password generator.

This Homework assignment we were tasked with adding javascript to already exisitng code to create a functioning random password generator with options for Capitalization , Lowercasing , numbers and special characters.

Acceptance Criteria

this is a link to the webpage

https://jcxxz.github.io/Refactoring-HW-2/

js_password_generator

Week 3 javascript homework challenge

The purpose of this website is to allow the user to the use to generate a random password with a specific chosen number of characters (between 8 - 128 characters). The random password is then written on the page.

Deployement link: https://slingshort.github.io/js_password_generator/

The user will have the choice of whether or not to include: - Special characters - Lower case characters - Upper case characters - Numerical characters

Features: - All boolean values of window.confirm questions are logged in console for easy checking - If response is invalid, this is also console logged. An invalid response also prompts a window alert with more specific instructions

Things that can be improved: - The extensive if/else statements could potentially be trimmed down with more resourceful use of logical comparison operators

The following image demonstrates the functionality of the page with a view of the console:

PassGen3: A JavaScript Password Generator

• Generate Passwords
• Terms and Conditions

Entropy saved

To remove, pull up the JavaScript console and type:

localStorage.removeItem('passgen3seed')

This web app was inspired by the old Java applet version created by Arnold Reinhold , the latest version of which was released in 2003. Because browsers no longer support Java applets, a JavaScript-based web app was created instead. This page is not (yet) mobile-friendly.

To use this generator, just click anywhere in the text area above to ensure it's focused and start typing. At first, dots will be displayed in the text window. After you have typed 64 characters, your password will start to appear. Continue typing to complete the password. Keep typing to generate more passwords. If you wish to save your accumulated entropy across browser sessions, click the blue "Save State" button. An RNG seed will be saved to your browser's local storage. The next time the generator loads, the seed will be loaded and you can immediately start generating passwords. Note: a seed is never saved automatically and must be done so manually.

You can type in anything you like or just close your eyes and type characters at random. For extra credit, type in the serial numbers from a couple of dollar bills or other paper currency. The web app records the time in milliseconds when you press down and release each key and uses these time values, along with the key characters you type, as a source of randomness. There will normally be enough variability in your typing times to ensure that the characters that appear in the text window are highly random.

The PassGen3 web app lets you select a pattern for the random strings it generates. Just pick a template from the selection box at the top of the text area. The following table describes each template and shows its appropriate entropy strength in bits.

This web app is not the most secure way to make your password! Traces of the passwords you create can be left behind in your computer's memory, among other risks. Clicking "Save State" will store a 32 byte seed from the RNG state to disk and save your preferred cipher. Using the ChaCha , Spritz , or Trivium stream ciphers with key presses is backtracking resistant such that an adversary should not be able to regenerate prior passwords from it. They also should not be able to predict your keystrokes, so future passwords should be improbable to generate also. But a leaked RNG state could present other risks. For maximum security we still recommend using ordinary dice to select a password or passphrase. See the Diceware page for more details.

PassGen3 awards only 2 bits of entropy per character typed. This is based on Shannon entropy of English text and synchronization between keyboard typing and neural oscillations . There may be more entropy per keystroke, but 2 bits is about as liberal as I dare award and it's enough to generate passwords very quickly. As such, you will be required to type 64 characters on page load to seed the state with at least 128 bits of entropy before passwords begin to appear. PassGen3 does track all entropy, accumulated and used, to make your typing as efficient as possible.

The security margins of each password type are as follows:

• Diceware : 13 bits per word
• ASCII : ~6.55 bits per character
• Pseudowords : 16 bits per word
• Alphanumeric : ~5.95 bits per character
• Alphabetic : ~4.70 bits per character
• Hexadecimal : 4 bits per character
• Decimal : ~3.32 bits per character
• Senary : ~2.58 bits per character

Nonetheless, using this web app to generate a password is far safer than picking your pet's name or your mother's birthday. Because JavaScript web apps download from an untrusted web server, there is risk of mischief. This web app does not make any network connections, so you can run it offline after you download it and inspect the source code. People desiring even greater assurance in security can use the dice-based password generation techniques described at https://www.diceware.com .

You should be aware that someone could substitute a bogus version of the web app that creates apparently random passwords that are, in fact, easy for the adversary to guess. To reduce this risk, the source code of the web app is published as open source . The ChaCha, Spritz, and Trivium stream ciphers were also chosen as they are easy to understand and the source code should be easy to read for those moderatly familiar with programming.

Random generation methods will very rarely create a password that is an English word or phrase or simple letter pattern. If a password looks like an ordinary word (or, with the "ASCII" template, is all the same case) simply type some more and use the next password.

PassGen3 uses a strong method for mixing randomness. The first version of PassGen used an entropy distiller with a 64-bit internal state, based on a linear congruential algorithm. PassGen2 used an entropy distiller based on the weak RC4 cipher. PassGen3 allows you to pick from the ChaCha , Spritz , or Trivium stream ciphers as an entropy distiller.

In Spritz , a 256-byte state vector that is initialized to be a null permutation. As Spritz is based on a sponge construction, both the key press time in milliseconds and the character value are absorbed to permute the Spritz state. As such, the Spritz state is highly mixed by each keystroke. Each password output character is then squeezed out of the Spritz state. Published analysis have shown that Spritz can be distinguished from true random white noise. As such, a countermeasure has been added to remove the distinguishers found in the keystream.

In ChaCha , a 64-byte state vector is initialized following RFC 8439 . ChaCha is based on an ARX (add-rotate-xor) cipher that builds a keystream that is XORed with the data. Unlike Spritz, the ChaCha state is not dependent on the data it is encrypting. PassGen3 should provide a consistent API for all ciphers, so an "absorb" and "squeeze" functionality have been added to ChaCha. This is done by maintaining a 64-byte entropy pool to store key presses in milliseconds and their character values. Once the pool is filled, it is used to directly rekey ChaCha.

In Trivium , a 288-bit state vector is initialized to be a null permutation following the specification . Trivium uses three non-linear feedback shift registers in a closed loop. It is optimized for hardware so operates on individual bits instead of bytes like ChaCha and Spritz. Trivium also is not based on a sponge construction, so like ChaCha, "absorb" and "squeeze" functions have been added to keep a consistent API in PassGen3. Also like ChaCha, a 10-byte entropy pool to store key presses in milliseconds and character values is maintained. Once the pool is filled, it is used to directly key Trivium.

When using an 8-bit value to select a character from an alphabet of length "n", there is a risk of bias if "n" does not evenly divide 256. To eliminate this, candidate cipher output bytes are discarded if they are outside of the range that is the largest multiple of "n" less than or equal to 256.

PassGen3 performs extensive absorbing of initialization data via the way of a browser fingerprint and requiring the user to type at least 64 characters when the page is loaded. The key presses are required to key the cipher state with at least 128 bits of keyboard entropy.

PassGen, PassGen2 © 1996, 2003 Arnold G. Reinhold, Cambridge, MA, USA

PassGen3 © 2022 Aaron Toponce

PassGen and PassGen2 is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

PassGen3 is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License, version 3 as published by the Free Software Foundation, with two additional restrictions:

• You may not redistribute versions modified to create "malware," including versions that deliberately produce inaccurate or misleading results or that surreptitiously capture data entered by the user or that produce "random" values that are predictable or guessable.
• You may not redistribute this program in ways that violate the export control laws of the United States.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. If the previous link does not work, you can request a copy of the license by writing to the Free Software Foundation, 51 Franklin Street, Fifth Floor, Boston, MA 02110, USA.

Random Password Generator JavaScript

In this tutorial, we are going to create a javascript password generator app. This app is going to be customizable and can be used to create any kind of password.

The app will have the following features:

• Setting the length of the password from 6-20 characters (you can expand the range yourself in the code)
• Choosing whether the number, uppercase letter, lowercase letter, symbol, or any combination of these appear in the password or not.
• And finally, a copy button to copy the password to your clipboard and use it.

The password created using this app is going to be a very strong password, since it includes all keyword combinations like numbers, symbols, uppercase, and lowercase alphabets and the password is sufficiently long. The password is going to be random and unique so that it is not easy to guess.

Here is a preview of the app:

Why do we need a strong password?

Password is the first defense against unauthorized access to your accounts or devices, so you need a stronger password to prevent attacks from hackers.

Simple and small passwords with just uppercase or lowercase letters are pretty easy to crack. Passwords with a good combination of numbers, symbols, uppercase, and lowercase letters are very tough to crack.

The more complex the password is more secure and strong it is.

How to make a JavaScript password generator?

We are going to use HTML to create the structure of the app, CSS to design and style the app, and JavaScript to create logic and other feature of the app.

To create a Javascript password generator we will go through 3 steps:

• Creating app structure with HTML
• Styling with CSS
• Creating logic with javascript

1. Creating app structure with HTML

The first step is to create the HTML structure of the app. The HTML structure is going to be like this:

• A box to show the generated password and a copy button to copy the password.
• A number input box for taking input for the length of the password.
• 4 checkboxes for taking input whether to include number, symbol, uppercase, and lowercase in password or not
• A button to generate the password

After creating these items we will wrap these items in the <div> element and then add classes to it for styling purposes.

Ⅰ. Creating a box to show password

first create a <p> tag to show the password and add 'passwordBox' id to it for later access, also create a copy icon button using the font-awesome icon .

Now wrap these 2 item in a single <div> element with CSS class of 'password'. We will use this class later to style the elements.

Ⅱ. Creating an input box for taking password length as input.

Now create an input box for the length of the password using <input> tag, with type number. Create a label for it and provide min, max, and value attribute to it.

Add 'length' as an id to <input> tag and wrap both <label> tag and <input> tag in <div> element so that we may align is side by side.

Ⅲ. Creating a checkbox for selecting the type of characters in the password

We will now create 4 checkboxes for number, symbol, lowerCase, and upperCase respectively for selecting the type of characters to add in the password and wrap each of these inputs in an <input> element.

Again we will wrap each pair within an <div> element to align it side by side.

Ⅳ. Creating a password generator button.

Now create a button and add onclick event to it with "createPassword()" function.

Add font-awesome CDN in the head for the icon. Here is the complete HTML code password generator.

Here is the complete HTML code for the app.

This is the output of the HTML code.

2. Styling CSS

Now use CSS to style the app to look beautiful. We are using CSS flexbox properties to align-items.

Align the app to the center of the window screen using flexbox. Apply "display: flex;align-items: center;justify-content: center" on '.container' class to align app vertically and horizontally in center of the screen.

Now apply the justify-content property to the div elements that we used to wrap the pairs of labels and inputs to align at both ends of the element. i.e

Finally, add other basic CSS styles to the classes we achieve the final look. Look at the full CSS code below. Adding this code to the app will create the final look of the app.

3. Creating logic with javascript

Now it's time to create logic for the password generator. To proceed further we first must know, how to create a random number in javascript? . We will use random numbers to randomly select a character from a list of characters.

To create a random number use the Math.random() method. It returns a number between 0 and 1. We will use this concept to randomly select a character type and a character from that character type.

Defining different types of character strings

Let's create 4 strings that contain different types of characters numbers, symbols, upperCase and lowerCase letters to use further in the code.

Wrap these strings in an object named keys .

Creating a function that returns 1 random character from these strings

Now we will create a function for each of the above strings that returns a random character from the string, we will use these characters in the password.

The function generates a random number from 0 to the length of string - 1 and then returns the character at that index value of the random number from the specified string.

Math.floor(Math.random() * string.length) create a random number between 0 to length of string - 1 .

Now create an array and put all these functions in the array as array members. Look at the code below.

We put all these functions in an array because we will further create a random number between 0 and the length of the array to get a random function.

This means we will randomly pick a function that will randomly pick a character from their specified string.

Creating a random password generator function

Let's now create a password generator function . First, check if at least one checkbox is checked for the function to proceed. If none of the checkboxes is checked then return the function.

To check if at least one checkbox is checked grab all checkboxes using document.getElementById access method, and check if it is checked using the checked property. It returns a boolean value.

Add all these boolean values and if it is 0 then all checkbox is unchecked.

Now create an empty string named 'password' and run a while loop until the length of the 'password' string becomes equal to the length of the input password.

In each iteration of this loop create a random number between 0 and the length of the function array (0-4). Now check if the checkbox with the same name as the function is checked if it is checked then run the function and add the returned character to our password.

This loop will run until the password length becomes equal to the desired length of the password. And finally set the password as innerHTML of the password box.

Here is complete code of 'createPassword()' function.

The above function basically first selects a random function from the array 'getKey' and then runs it which then returns a random character from the string of that function. So there are 2 random selections making passwords more random.

Create a function to copy the code

This is the code to create a copy code functionality. It will copy the code to the clipboard of the device.

Code for password generator javascript

We created a random password generator javascript app in this tutorial which is customizable. It creates a strong password with variable length and the ability to select the type of characters in the password.

• Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers
• Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand
• OverflowAI GenAI features for Teams
• OverflowAPI Train & fine-tune LLMs
• Labs The future of collective knowledge sharing
• About the company Visit the blog

Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Get early access and see previews of new features.

JavaScript random password generator with prompts for criteria

I am doing a homework assignment for a random password generator that prompts the user for length and character type. I am stuck on syntax for inputting more than one character type at a time, and when a password is generated, it is only outputting index 0 of whatever character string i specified. (Seeing "AAAAAAAAAAAAAAA" was only funny the first time.)

// Get references to the #generate element var generateBtn = document.querySelector("#generate"); // Write password to the #password input function writePassword() { //Length var length = Number(prompt("Enter the length of your password between 8-128 characters.")) //character types var charType = prompt("What should we include in your password? Type 'uppercase, lowercase, numbers, symbols' to include. ") var passwordText = document.querySelector("#password"); function password() { var charGen = { lowercase: 'abcdefghijklmnop', uppercase: 'ABCDEFGHIJKLMNOP', numbers: '0123456789', symbols: '!@#$%^&*()-_=+', }; var charSet = charGen[charType.toLowerCase()]; var retVal = ""; for (i = 0; i < length; i++) { retVal += charSet.charAt(Math.floor(Math.random() * charGen.length)); } return retVal; } passwordText.value = password(); } // Add event listener to generate button generateBtn.addEventListener("click", writePassword); function copyPassword() { document.getElementById("password").select(); navigator.clipboard.writeText(copyText.value); alert("Password copied to clipboard!" + copyText.value); } <button id="generate">Generate</button> <br> <input id="password">

I initially tried if/else statements for strings of characters, but no output was given, due to syntax errors. switched to "var charGen" assigning properties to charGen. Output now given, but only one character type can be specified in the prompt and output is the 0 index of the specified string (length is working fine now)

Error I'm receiving is "Cannot read properties of undefined (reading "charAt")" and I don't understand what that means.

• 1 Not that it probably matters much for a homework assignment, but please do note that Math.random is not cryptographic strength randomness and should not be used for password generation IRL. –  Jared Smith Commented Dec 21, 2022 at 18:07
• 1 The error Cannot read properties of undefined (reading "charAt") means that the javascript engine tried to find a property named charAt on some variable but that variable is undefined. So when you see this error, look to the left of the property mentioned in the error. In your case that would be the variable charSet which tells you one very important thing - the variable charSet is undefined . So basically you're code is saying undefined.charAt(...) –  I0_ol Commented Dec 21, 2022 at 19:03

2 Answers 2

charGen is your lookup, it doesn't have a length . You want the length of your charSet , which is your string of characters.

With the full answer here:

// Get references to the #generate element var generateBtn = document.querySelector("#generate"); // Write password to the #password input function writePassword() { //Length var length = Number(prompt("Enter the length of your password between 8-128 characters.")) //character types var charType = prompt("What should we include in your password? Type 'uppercase, lowercase, numbers, symbols' to include. ") var passwordText = document.querySelector("#password"); function password() { var charGen = { lowercase: 'abcdefghijklmnop', uppercase: 'ABCDEFGHIJKLMNOP', numbers: '0123456789', symbols: '!@#$%^&*()-_=+', }; var charSet = charGen[charType.toLowerCase()]; var retVal = ""; for (i = 0; i < length; i++) { retVal += charSet.charAt(Math.floor(Math.random() * charSet.length)); } return retVal; } passwordText.value = password(); } // Add event listener to generate button generateBtn.addEventListener("click", writePassword); function copyPassword() { document.getElementById("password").select(); navigator.clipboard.writeText(copyText.value); alert("Password copied to clipboard!" + copyText.value); } <button id="generate">Generate</button> <br> <input id="password">

• TypeError: charSet is undefined –  WOUNDEDStevenJones Commented Dec 21, 2022 at 18:13
• Thank you for explaining that, I've got a much better understanding, I didn't think length was the issue but I had completely missed that step. –  Samantha Gosselin Commented Dec 21, 2022 at 21:55

You need to parse the user's input for the charTypes var charTypes = charType.toLowerCase().split(', '); , and then use those charTypes to generate the charSet:

Lastly, the character needs to use retVal += charSet.charAt(... charSet.length)); (the length of the set of characters) instead of retVal += charSet.charAt(... charGen.length)); (the length of the charType array).

// Get references to the #generate element var generateBtn = document.querySelector("#generate"); // Write password to the #password input function writePassword() { let passwordText = document.querySelector("#password"); //Length let length = Number(prompt("Enter the length of your password between 8-128 characters.")) //character types let charType = prompt("What should we include in your password? Type 'uppercase, lowercase, numbers, symbols' to include. ") passwordText.value = password(length, charType); function password(length, charType) { let charGen = { lowercase: 'abcdefghijklmnop', uppercase: 'ABCDEFGHIJKLMNOP', numbers: '0123456789', symbols: '!@#$%^&*()-_=+', }; var charTypes = charType.toLowerCase().split(', '); charSet = ""; for(var i=0; i < charTypes.length; i++) { charSet += charGen[charTypes[i]]; } console.log(charSet); var retVal = ""; for (var i = 0; i < length; i++) { retVal += charSet.charAt(Math.floor(Math.random() * charSet.length)); } return retVal; } } // Add event listener to generate button generateBtn.addEventListener("click", writePassword); function copyPassword() { document.getElementById("password").select(); navigator.clipboard.writeText(copyText.value); alert("Password copied to clipboard!" + copyText.value); } <button id="generate">Generate</button> <input type="text" id="password" />

• Oh! This makes sense, I wasn't setting a length. I really appreciate the help with parsing, thank you! –  Samantha Gosselin Commented Dec 21, 2022 at 21:56

Your Answer

Reminder: Answers generated by artificial intelligence tools are not allowed on Stack Overflow. Learn more

Sign up or log in

Post as a guest.

Required, but never shown

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy .

Not the answer you're looking for? Browse other questions tagged javascript or ask your own question .

• The Overflow Blog
• Looking under the hood at the tech stack that powers multimodal AI
• Featured on Meta
• Join Stack Overflow’s CEO and me for the first Stack IRL Community Event in...
• User activation: Learnings and opportunities
• What does a new user need in a homepage experience on Stack Overflow?
• Announcing the new Staging Ground Reviewer Stats Widget

Hot Network Questions

• What's "jam" mean in "The room reeled and he jammed his head down" (as well as the sentence itself)?
• In The Martian, what does Mitch mean when he is talking to Teddy and says that the space program is not bigger than one person?
• Returning to the US for 2 weeks after a short stay around 6 months prior with an ESTA but a poor entry interview - worried about visiting again
• Is it possible to monitor the current drawn by a computer from an outlet on the computer?
• Cheapest / Most efficient way for a human Wizard to not age?
• Using a Compass to Detect Islands in the Sky
• Sent money to rent an apartment, landlord delaying refund with excuses. Is this a scam?
• Can a 20A circuit mix 15A and 20A receptacles, when a 20A is intended for occassional space heater use?
• GeometricScene not working when too many polygons are given
• Intra Schengen passport check non EU Wizzair 2024
• Can noun phrases have only one word?
• string quartet + chamber orchestra + symphonic orchestra. Why?
• My one-liner 'delete old files' command finds the right files but will not delete them
• What is all this —?
• Is "Canada's nation's capital" a mistake?
• The graph of a continuous function is a topological manifold
• Why is it surprising that the CMB is so homogeneous?
• Why a relay frequently clicks when a battery is low?
• Change of variable, u = y(x)
• Some of them "have no hair"
• Number theory: Can all rational numbers >1 be expressed as a product of rational numbers >1?
• Closed unit disk is connected
• How can one win a teaching award?
• How can I prove that this expression defines the area of the quadrilateral?

javascript-Challenge-password-generator

03 javascript: password generator.

This week’s Challenge requires you to modify starter code to create an application that enables employees to generate random passwords based on criteria that they’ve selected. This app will run in the browser and will feature dynamically updated HTML and CSS powered by JavaScript code that you write. It will have a clean and polished, responsive user interface that adapts to multiple screen sizes.

The password can include special characters. If you’re unfamiliar with these, see this list of password special characters from the OWASP Foundation.

Acceptance Criteria

The following image shows the web application’s appearance and functionality:

Grading Requirements

Note : If a Challenge assignment submission is marked as “0”, it is considered incomplete and will not count towards your graduation requirements. Examples of incomplete submissions include the following: A repository that has no code A repository that includes a unique name but nothing else A repository that includes only a README file but nothing else A repository that only includes starter code

This Challenge is graded based on the following criteria:

Technical Acceptance Criteria: 40%

• Satisfies all of the preceding acceptance criteria.

Deployment: 32%

Application deployed at live URL.

Application loads with no errors.

Application GitHub URL submitted.

GitHub repository that contains application code.

Application Quality: 15%

Application user experience is intuitive and easy to navigate.

Application user interface style is clean and polished.

Application resembles the mock-up functionality provided in the Challenge instructions.

Repository Quality: 13%

Repository has a unique name.

Repository follows best practices for file structure and naming conventions.

Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.

Repository contains multiple descriptive commit messages.

Repository contains quality readme file with description, screenshot, and link to deployed application.

You are required to submit the following for review:

The URL of the deployed application.

The URL of the GitHub repository, with a unique name and a readme describing the project.

© 2023 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

unit 03 homework JavaScript password generator

Csimonusa/03-homework-password-generator

Folders and files.

Repository files navigation

03-homework-password-generator, unit 03-homework-javascript-password-generator, link to deployed website: https://csimonusa.github.io/03-homework-password-generator//, comments for grader- so i initially had my index.html on the root level of my repository and my style.css and script.js inside of a folder called "develop". when i deployed my application though using github pages it wasnt applying my javascript or css to the html. i tried a few things and the only solution was to move all 3 outside of the developer folder to the root level of my repository. i didnt do anything differently from my last homework repositories so im assuming the problem was the javascript file somehow. please let me know what caused this issue so i dont get points deducted for not following best file structure practices on the next assignment thank you :).

• JavaScript 41.3%