-
Notifications
You must be signed in to change notification settings - Fork 0
/
attempt2 (2).html
116 lines (111 loc) · 4.13 KB
/
attempt2 (2).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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<http>
<head>
<style>
body{
background-image: url("flag.jpg");
}
</style>
</head>
<body onLoad="startup()" style="background-color:#0099CC">
<h1 align=center style="color:#FFFFFF"> 50 States</h1>
<center><img src="map.jpg"></center>
<table align=center>
<tr><td>
<input type=text align=center id='textbox' disabled='disabled' name='textbox' oninput="submit();" value=""></td>
</tr>
<tr>
<td>
<button type=button align=center accesskey='S' id='button' onclick="document.getElementById('textbox').focus(); tick();"><u>S</u>tart</button>
</td>
</tr>
</table>
<div id="clock" style="color:#FFFFFF ; font-size:50px;" align=center></div>
<p align=center id="list" style="font-family:sans-serrif; color: #FFFFFF ; font-size:20px;"></font> </p>
<script>
function startup()
{
alert("Welcome to the 50 states quiz! \n Click the button to start the quiz. You have 5 minutes to enter all 50 states. \n You can write the entire word or postal code.")
window.states=[""];
window.m="5";
window.s="0";
var second=checkTime(window.s);
var minute=window.m;
document.getElementById('clock').innerHTML=minute+":"+second;
}
function submit()
{
var paragraph= document.getElementById("list").value;
var word = document.getElementById('textbox').value;
var stateCheck=['ALABAMA','ALASKA','ARIZONA','ARKANSAS','CALIFORNIA','COLORADO','CONNETICUT','DELAWARE','FLORIDA','GEORGIA','HAWAII','IDAHO','ILLINOIS','INDIANA','IOWA','KANSAS','KENTUCKY','LOUISIANA','MAINE','MARYLAND','MASSACHUSETTS','MICHIGAN','MINNESOTA','MISSISSIPPI','MISSOURI','MONTANA','NEBRASKA','NEVADA','NEW HAMPSHIRE','NEW JERSEY','NEW MEXICO','NEW YORK','NORTH CAROLINA','NORTH DAKOTA','OHIO','OKLAHOMA','OREGON','PENNSYLVANIA','RHODE ISLAND','SOUTH CAROLINA','SOUTH DAKOTA','TENNESSEE','TEXAS','UTAH','VERMONT','VIRGINIA','WASHINGTON','WEST VIRGINIA','WISCONSIN','WYOMING'];
var postalCodes=['AL','AK','AZ','AR','CA','CO','CT','DE','FL','GA','HI','ID','IL','IN','IA','KS','KY','LA','ME','MD','MA','MI','MN','MS','MO','MT','NE','NV','NH','NJ','NM','NY','NC','ND','OH','OK','OR','PA','RI','SC','SD','TN','TX','UT','VT','VA','WA','WV','WI','WY']
var stateNames=['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island','South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];
if(postalCodes.indexOf(word)>-1)
{
var st=stateNames[postalCodes.indexOf(word)]
if(window.states.indexOf(st)==-1)
{
window.states.push(st);
document.getElementById('textbox').value="";
}
}
else if(stateCheck.indexOf(word.toUpperCase())>-1)
{
var st=stateNames[stateCheck.indexOf(word.toUpperCase())]
if(window.states.indexOf(st)==-1)
{
window.states.push(st);
document.getElementById('textbox').value="";
}
}
var string="";
window.states=window.states.sort();
for(var x =0; x<window.states.length; x+=1)
{
if(x>0 && x%10==0)
{
string=string+window.states[x]+"<br>";
}
else
{
string=string+window.states[x]+"     ";
}
}
if(window.states.length==51)
{
alert("YOU WIN!")
}
document.getElementById("list").innerHTML = string;
}
function tick()
{
document.getElementById('textbox').removeAttribute('disabled');
if(parseInt(window.s)==0)
{
window.m=parseInt(window.m)-1;
window.s="59";
}
else
{
window.s= parseInt(window.s)-1;
}
var second=checkTime(window.s);
var minute=window.m;
document.getElementById('clock').innerHTML=minute+":"+second;
if(parseInt(window.m)==0 && parseInt(window.s)==0)
{
alert("TIMES UP")
}
else if( parseInt(window.m)>=0){
if(parseInt(window.s)>=0)
{
window.setTimeout(function(){tick()}, 1000);
}
}
}
function checkTime(i) {
if (i<10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
</script>
</body>
</http>