Creating your password page with JavaScript and HTML

Creating your password page with JavaScript and HTML: Now you know how to use the onclick attribute to make your HTML elements interactive, we can start building our password web page. Let’s start with the basic HTML structure of our page:

<!DOCTYPE html>
<html>
<head>
 <title>Password</title>
<style>
 body {
 background-color: lightblue;
 padding: 30px;
 }
</style>
</head>
<body>
 <p style="font-size: 30pt;">Hello World.</p>
 <p>Please enter the password to view this website.</p>
 <p>Password:</p>
 <a href="secretinfo.html">
 Click here to submit password and view website
 </a>
</body>
</html>

Here we’ve created a simple web page using HTML and CSS. We’ve included a hyperlink that links to our secretinfo.html web page. But there isn’t anywhere on our page where the user can enter their password.

We next we will need to create a box so that the user can type it in… Keep going… :-)

Connected through code, Choose Your Platform!

About the Author: Bernard Aybout

In the land of bytes and bits, a father of three sits, With a heart for tech and coding kits, in IT he never quits. At Magna's door, he took his stance, in Canada's wide expanse, At Karmax Heavy Stamping - Cosma's dance, he gave his career a chance. With a passion deep for teaching code, to the young minds he showed, The path where digital seeds are sowed, in critical thinking mode. But alas, not all was bright and fair, at Magna's lair, oh despair, Harassment, intimidation, a chilling air, made the workplace hard to bear. Management's maze and morale's dip, made our hero's spirit flip, In a demoralizing grip, his well-being began to slip. So he bid adieu to Magna's scene, from the division not so serene, Yet in tech, his interest keen, continues to inspire and convene.