movie seat booking with Javascript

YvonneDev
3 min readDec 8, 2020

Movie seat booking course from Brad Travercy.

Fetures:

select option value in html

perspective in css

changeing color of seats when click available seats

seats number and price from localStorage

HTML

the selection part with four options concludes the value

brief vector demonstration for user understanding

screen is for white screen display

there are 5 rows and each row contains 8 seats.total is 40 seats.

text show at the bottom with number and price.

CSS

the select with appearance none: without error shape. And for the different browsers using, apply -moz and -webkit.

every seat is shaped and colored with the different class name.

--

--

YvonneDev

❤️Front-end Web Development self-taught *share what I learned*