BeykarWebs | Web Developer | London

Flight Calculator

technologies

html5
web development icon
css3
web development icon
javascript
web development icon
jquery
web development icon
github
web development icon

the brief

  • simple flight calculator project to showcase the use of objects and their properties in javascript
  • user selects destination and the cost, image of the destination changes accordingly
  • user can also select a luggage option which also changes the total price of the flight accordingly
products screen shot

the result

  • using js objects, with each destination having a name, price and image and a radio button input, it is straightforward to calculate the total price
  • As mentioned above, the total cost also changes according to the luggage option selected
cart screen shot