<html>
<body style="text-align:center;">
<h1>Enter Your Five Favorite Cities</h1>
<form class="" action="index.html">
<input type="text" name="favoriteCities[]" value="" /><br>
<br>
<input type="text" name="favoriteCities[]" value="" /><br>
<br>
<input type="text" name="favoriteCities[]" value="" /><br>
<br>
<input type="text" name="favoriteCities[]" value="" /><br>
<br>
<input type="text" name="favoriteCities[]" value="" /><br>
<br>
<button type="button" name="button" onclick="favoriteCities();reversefavoriteCities();">Submit</button>
</form>
<h2>Results</h2>
<p id="output1"></p>
<p id="output2"></p>
<script type="text/javascript">
var r = "";
function favoriteCities() {
document.getElementById("output1").innerHTML = r;
var coll = document.getElementsByName('favoriteCities[]');
for (var i = 0; i < coll.length; i++) {
r = r + "City #" + eval(i+1) + " is " + coll[i].value + "<br>";
}
document.getElementById("output1").innerHTML = r;
}
</script>
<script type="text/javascript">
function reversefavoriteCities() {
}
</script>
</body>
</html>