mad-lib/index.html at master · JonoSuave/mad-lib · 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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

	<h1>Let's Build a Random Story</h1>
	<div>
		Enter a Noun:<input type="text" name="noun" placeholder="ex: girraffe, homeboy, Sultan of Swat" id="noun"	onkeydown="enterKeyPressed(event)">
		Not feeling Creative? Let us auto generate<input type="radio"	name="default-list"	><br>
		<select id="noun-possibilities"></select><br>

		Enter an Adverb:<input type="text" name="adverb" placeholder="ex: hurriedly, cautiously, slowly" id="adverb"	onkeydown="enterKeyPressed(event)">
		Not feeling Creative? Let us auto generate<input type="radio"	name="default-list"	><br>
		<select id="adverb-possibilities"></select><br>

		Enter an Adjective:<input type="text" name="adjective" placeholder="ex: green, short, hunky" id="adjective"		onkeydown="enterKeyPressed(event)">
		Not feeling Creative? Let us auto generate<input type="radio"	name="default-list"	><br>
		<select id="adjective-possibilities"></select><br>

		Enter a Verb:<input type="text" name="verb"	placeholder="ex: run, jump, inudate, etc"	id="verb"	onkeydown="enterKeyPressed(event)">
		Not feeling Creative? Let's auto generate<input type="radio" name="default-list"><br>
		<select id="verb-possibilities"></select><br>

		Choose Story Type:<select id="story-options">
			<option id="christmas-tree"	class="story">Christmas Tree</option>
			<option id="shopping"	class="story">Shopping</option>
			<option id="brainstorm"	class="story">Brainstorm</option>
		</select><br>

		<button onclick="storyTime()">Create a Story</button>
		<button onclick="removeStory">Remove Story</button>

		<div id="story-container">

		</div>

	</div>


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

</body>
</html>