When an option in each section of the form is selected, the values of each selection need to be multiplied together when the 'calculate' button is clicked; however, after many attempts my conclusion is I clearly have no idea what I am doing. It would be amazing if I could get some help though?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>gotham airlines</title>
<script>
function calculateCost() {
var radioButton;
var cost = 0;
for (var i = 1; i <= 6; i++) {
radiobutton = document.getElementById("flight" + i);
if (radiobutton.checked == true) {
cost += parseInt(radiobutton.value);
}
}
alert("The selected flight will cost $" + cost);
}
</script>
</head>
<body>
<h1>Gotham Airlines Fare Calculator</h1>
<form>
<p>Complete the form below to calculate the cost of your flight.</p>
<p><input type="radio" id="flight1" name="flights"
value="230"> <label for="flight1">Gotham - Hill Valley</label><br>
<input type="radio" id="flight2" name="flights"
value="250"> <label for="flight2">Gotham - Las Venturas</label><br>
<input type="radio" id="flight3" name="flights"
value="190"> <label for="flight3">Gotham - Storybrooke</label><br>
<input type="radio" id="flight4" name="flights"
value="160"> <label for="flight4">Gotham - Marlinshire</label><br>
<input type="radio" id="flight5" name="flights"
value="270"> <label for="flight5">Gotham - Lillian</label><br>
<input type="radio" id="flight6" name="flights"
value="220"> <label for="flight6">Gotham - Seahaven</label></p>
<p><input type="checkbox" id="returnfare" name="return fare"
value="2"> <label for="returnfare">Click here if you will be purchasing a return fare</label></p>
<p><input type="radio" id="seating1" name="seating"
value="2"> <label for="seating1">First class</label><br>
<input type="radio" id="seating2" name="seating"
value="1.5"> <label for="seating2">Business class</label><br>
<input type="radio" id="seating3" name="seating"
value="0"> <label for="seating3">Economy class</label></p>
<p><input type="submit" value="Calculate"
onClick="calculateCost();"> <input type="reset"></p>
</form>
</body>
</html>