Find Jobs
Hire Freelancers

Flight booking dummy with JS/jQuery

€8-30 EUR

Завершено
Опублікований over 5 years ago

€8-30 EUR

Оплачується при отриманні
We need a very simple booking prototype using localStorage. You will use canvas to draw the Squares representing the seats. No databases, nothing, only using localstorage. You will create a page with a booking system for a flight with 18 available places, the six first being dedicated to business class and other economy classes. All data in the reservation system must be saved using sessionStorage. This means that you can "jump" between the pages while the current data is retained (persistent)! You must divide the booking page vertically into two parts. When loading the page, a table of three columns and six lines (3x6) should be drawn in the right hand side to represent the aircraft seats. Here it should be stated which seats are available by giving these cells a GREEN background and booked places must have a RED background. In the left part there must be entry fields for first name, last name, social security number (YYYY-MM-DD-XXXX) and class labels (ie business or economy class) and location number. The visitor should be able to click on a free space, that is to say. a GREEN box and then it will change color to BLUE. At the same time, labels for class and place number must be changed to the place chosen and the class in question. The application should check that you can not select an already booked (busy) location and that the plane can not be overbooked! The reservation is saved in an array where the aircraft seats are represented by rows of three places in each row. The design of the array you decide on yourself! In the booking form (left side) you must be able to enter first name, last name and social security number. There must be two buttons, one to complete the booking and one to clear all selections (including seat selection)! When booking, a boardingcard must be printed to a new window. This boarding card must contain first and last name, social security number, place number, and class. Content must be adapted for printing (media print). Boardingcard should be created completely dynamically, so there should be no template file for this, but created from the main document using JavaScript. The generated page (boardingcard) must be validated in accordance with HTML5! Once the button has been pressed to book and the current boardingcard is printed, the flight deck table (right side) must be updated prior to booking the next customer. The form on the left side of the page should be "reset" so the fields for first name, last name and social security number will be blank. All functionality, i.e. JavaScript code, should use addEventListener. When we want to run JS code after the page has been loaded, registration of the window event load must last in your JS file. As a good programmer, you should always define a function before it is used. Avoid writing anonymous functions when registering events when they can not be unregistered from an event easily, without defining the function first, then registering an event with the name of the function! SEATS 1-6 Bussinessclass SEATS 7-18 ECONOMYCLASS
ID проекту: 18392039

Про проект

3 пропозицій(-ї)
Дистанційний проект
Активність 5 yrs ago

Хочете заробити?

Переваги подання заявок на Freelancer

Вкажіть свій бюджет та терміни
Отримайте гроші за свою роботу
Опишіть свою пропозицію
Реєстрація та подання заявок у проекти є безкоштовними
Доручений:
Аватарка користувача
Hi. I can do this task in a short time. Thanks.
€20 EUR за 1 день
3,9 (3 відгуки(-ів))
1,8
1,8
3 фрілансерів(-и) готові виконати цю роботу у середньому за €25 EUR
Аватарка користувача
Hello, I read your detailed description. If I understand correctly, you don't need any special styling, and this is supposed to just meet the requirements, without going above them? If making this look nice is required, then this project is very big - certainly not for this price range. But if not, then I'm willing (and able) to do it. Please let me know if you'd like to talk further. Regards
€26 EUR за 2 дні(-в)
5,0 (31 відгуки(-ів))
4,9
4,9

Про клієнта

Прапор SWEDEN
Enskede, Sweden
5,0
20
Спосіб оплати верифіковано
На сайті з вер. 1, 2014

Верифікація клієнта

Дякуємо! Ми надіслали на вашу електронну пошту посилання для отримання безкоштовного кредиту.
Під час надсилання електронного листа сталася помилка. Будь ласка, спробуйте ще раз.
Зареєстрованих користувачів Загальна кількість опублікованих робіт
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Завантажуємо для перегляду
Дозвіл на визначення геолокації надано.
Ваш сеанс входу закінчився, і сеанс було закрито. Будь ласка, увійдіть знову.