SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Alert messages; Help?

    Hi there,

    I am trying to make alert messages for when neither a flight nor seating preference is made, and I have no idea how. Any help would be amazing. Also, if there is anything that can be done to improve this, please mention.


    HTML Code:
    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; 
    charset=utf-8"> 
    <title>gotham airlines</title> 
    <script> 
     
    function calculateCost() { 
    
    for (var i = 1; i < 7; i++) { 
    var radiobutton = document.getElementById("flight" + i); 
    if (radiobutton.checked == true) { 
    var base=radiobutton.value;
    		}
    	}
    var rtn=document.getElementById("returnfare").checked?2:1; 
    for (var a = 1; a < 4; a++) { 
    var radiobutton = document.getElementById("seating" + a); 
    if (radiobutton.checked == true) { 
    var seatclass=radiobutton.value;
    		}
    	}
    var cost=base*rtn*seatclass;
    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="1"> <label for="seating3">Economy class</label></p> 
      <p><input type="submit" value="Calculate" 
    onClick="calculateCost();"> <input type="reset"></p> 
    </form> 
    </body> 
    </html>
    Last edited by Mittineague; Sep 25, 2012 at 21:42. Reason: reformatting bbcode tags


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •