html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Adam's Login</title>
</head>
<body>
<h1 id="Basic">Whiz<span>Tech</span></h1>
<hr>
<br>
<form>
<input type="text" name="username" placeholder="Username..."></input>
<br><br>
<input type="password" name="password" placeholder="Password..."></input>
<br><br>
keep me logged in: <input type="checkbox" name="StayLoggedIn" checked>
</input>
<br><br>
<p><a href="#">Need a password reset?</a></p>
</form>
<button name="submit" id="submit">Lets go!</button>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
button {
margin: 0 auto;
width:70px;
height:25px;
border:none;
}
p {
text-align:center;
}
input {
text-align:center;
}
form {
text-align:center;
}
span {
color: #a90344;
font-weight:lighter;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function(){
document.getElementById("submit").onclick = function() {
if (document.getElementById("submit").innerHTML == "Lets go!") {
document.getElementById("submit").innerHTML = "yolk";
} else {
document.getElementById("submit").innerHTML = "Lets go!";
}
}
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run