Need help!

JavaScript
1

Hello, I would really appreciate if anyone could help me with writing the correct code to calculate a sample fare for this order form. Thank you!

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Final Project</title>

<style>
body
{
background-color:#848484;
}
</style>

<style type="text/css">
h1 {color:#B40404;}
p {color:blue;}
h1 {text-decoration:underline;}


ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a
{
display:block;
width:350.7px;
background-color:#B40404;
}




</style>



</head>
<body>
 <center>
  <h1>Windy City Bus Line</h1>
  <font face="verdana" color="#B40404"><h4> Travelling across the midwest for over 25 years!</h4></font>
</center>

<div align="center" style="border:1px solid black">
<ul>
<li><a href="#home">Make a Reservation</a></li>
<li><a href="#news">Contact Us</a></li>
<li><a href="#contact">Join Our Mailing List</a></li>
<li><a href="#about">Home</a></li>
</ul>
</div>


<form name="reservation">


<font color="blue">

		<p>First Name: <input type="text" name="txtFirst"  align="left"/></p>
		<p>Last Name: <input type="text" name="txtLast"  align="left"/></p>
		<p>Arrival City:</p>
</font>
<font color="#B40404">
		<input type="radio" name="reservation" value="stl">St. Louis ($40)<br>
		<input type="radio" name="reservation" value="mke">Milwaukee ($20)<br>
		<input type="radio" name="reservation" value="det">Detroit ($35)<br>
</font>		
		<p>Hotel Choice:</p>

<font color="#B40404">		
		<input type="radio" name="reservation" value="eco">Economy ($50/day)<br>
		<input type="radio" name="reservation" value="stan">Standard ($70/day)<br>
		<input type="radio" name="reservation" value="upsc">Upscale ($120/day)<br>
</font>

		<p>Number of Travelers:</p>

<select>
		<option value="one">1</option>
		<option value="two">2</option>
		<option value="three">3</option>
		<option value="four">4</option>
		<option value="five">5</option>
		<option value="six">6</option>
</select>

		<p>Number of Days:</p>

<select>
		<option value="two">2</option>
		<option value="three">3</option>
		<option value="four">4</option>
		<option value="five">5</option>
		<option value="six">6</option>
		<option value="seven">7</option>
</select>

		<p>Amenities:</p>

<font color="#B40404">			
		<input type="checkbox" name="amenities" value="wifi">Wi-fi ($10)<br>
		<input type="checkbox" name="amenities" value="seat">Fully-reclining seat ($20)<br>
</font>

		<p>Special Requests:</p>
		

<textarea rows="4" cols="30"></textarea><br>	


<button type="button" onclick="alert('Enjoy your trip!')">Book My Trip</button>	

</form>

  </body>
</html>
2

Please do not use JavaScript to calculate such costs. Because others can load the page and just change the scripting so that lower fares (or even free ones) are used instead.
A much more reliable option is to submit the form data to some PHP code on the server, which can then safely calculate things without interference from the user.

Also, it’s not a good idea to get people to write the code for your homework.

<title>Final Project</title>