CF301test/index.html at master · bazacko/CF301test · GitHub

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>Code Fellows 301 demo</title>
<style>
	body {
		color:white;
		background-color: black;
	}
</style>
</head>

<body>

	<p>This demo accepts a string up to 128 characters in the text box, and reverses the string when the button is pressed. The last five results are displayed, and will persist through a page refresh. Pressing return conveniently clears the form :)</p>
	<form>
		<input type="text" id="stringInput" maxlength="128"placeholder="Enter string here" />
		<button type="button" id="reverseButton">Reverse!</button>
	</form>
	<p class="outputLine"></p>
	<p class="outputLine"></p>
	<p class="outputLine"></p>
	<p class="outputLine"></p>
	<p class="outputLine"></p>

	<script type="text/javascript" src="script.js"></script>
</body>