form class=""action="index.html">
form class=""action="index.html"">
<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() { var input = document.getElementsByName('favoriteCities[]'); for (var i = 0; i < input.length; i++) { var a = input[i]; var uniqueNumber=i+1; r = r + "City #" + uniqueNumber + " is " + a.value + ("<br>"); } document.getElementById("output1").innerHTML = r; } </script> <script type="text/javascript"> function reversefavoriteCities() { var input = document.getElementsByName('favoriteCities[]'); let i = input.length, r = ''; while (i > 0) { r += `City #${i} is ${input[i-1].value} <br>`; i--; } document.getElementById("output2").innerHTML = r; } </script> </body> </html>
class
action
<form class="" action="another_file.htm"> // It's ok to have an empty value for the attribute 'class'
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)