Scribd
Upload
6 views2 pages

HTML Script

Uploaded by

Priscilla Mungati
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views2 pages

HTML Script

Uploaded by

Priscilla Mungati
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Security String Check</title>
<style>
h1 {font-family: serif; font-size: 36px; color: #ff0000;}
h2 {font-family: sans-serif; font-size: 24px; color: #0000ff;}
button {height: 30px; width: 100px;}

.qDIV {
width: 250px;
height: 150px;
background-color: red;
animation: Q 4s infinite alternate;
}

@keyframes Q {
from {background-color: red;}
to {background-color: orange;}
}

input#Letter {
font-size: 24px;
}
</style>
</head>
<body>
<div class="qDIV">
<p>Security check development test page<br>
Code required to:
<ol type="a">
<li>Hide/Show the correct buttons, if an entry is incorrect</li>
<li>Allow only 3 attempts and display an error message.</li>
</ol></p>
</div>

<div align="center">
<h1>Enter the letter in position number</h1>
<h1 id="LetterNumber"></h1>
<h1>of your memorable word</h1>
<h2>Please enter the letter here:&nbsp;
<input id="Letter" type="text" style="width:40px;height:42px;font-
size:24pt;text-align:center;" autofocus>
</h2>

<p>(case-sensitive!)</p>
<button id="SubmitButton" onclick="SecurityTest()">Submit</button>
<button id="TryAgainButton" onclick="SecurityTest()"
style="display:none;">Try again</button>

<h1 id="Result"></h1>
<h2 id="LockOut"></h2>
</div>

<!-- JavaScript file -->


<script src="MemWordTest.js"></script>
</body>
</html>

You might also like