cferdinandi/README.md

## README.md

      
        

          Raw
        
        
          
            
          
          
            
              README.md
            
          
        
      
      
    Project Details
Write a script that can be used to toggle the visibility of password fields.
Considerations

What will users interact with to change the password field visibility (ex. a button or a checkbox)?
If users wanted to toggle the visibility of multiple password fields in a form, how could they do that?

Need help?
This project is part of the Vanilla JS Academy.

  

  

## index.html
<!DOCTYPE html>
<html>
<head>
	<title>Project Template</title>

	<style type="text/css">
		body {
			margin-left: auto;
			margin-right: auto;
			max-width: 40em;
			width: 88%;
		}
	</style>
</head>
<body>

	<h1>Password Visibility</h1>

	<form>
		<div>
			<label for="username">Username</label><br>
			<input type="text" name="username" id="username">
		</div>
		<br>

		<div>
			<label for="password">Password</label><br>
			<input type="password" name="password" id="password">
		</div>
		<br>

		<button>Submit</button>
	</form>

	<script>
		// Project code...
	</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Project Template</title>

	<style type="text/css">
	body {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
	width: 88%;
	}
	</style>
	</head>
	<body>

	<h1>Password Visibility</h1>

	<form>
	<div>
	<label for="username">Username</label><br>
	<input type="text" name="username" id="username">
	</div>
	<br>

	<div>
	<label for="password">Password</label><br>
	<input type="password" name="password" id="password">
	</div>
	<br>

	<button>Submit</button>
	</form>

	<script>
	// Project code...
	</script>

	</body>
	</html>