2022.12.19 hétfő 11B/1 részére 1-2 óra és 11.C 6-7 -ik óra => Utazás kalkulátor feladat

 

Utazás kalkulátor feladat

Elkészítendő oldalak:

·         index.html

·         style.css

·         script.js

1.       Az index. html oldalon add meg az oldal nyelvének a magyart.

2.       Az oldal címe Utazás kalkulátor legyen.

3.       Faviconnak állítsd be a planet.gif képet.

4.       Az oldal háttere a szivárvány színei szerinti színátmenetes legyen. (red, orange, yellow, green, blue, purple)

5.       Az oldal közepén a tartalom szélessége 900px.

6.       A háttérszíne 60%-os fehér alfa érték legyen.

7.       Állíts be rá 20px belső margót.

8.       A szélei 20px-el lekerekítést kapjanak.

9.       Kapjon egy kis szürke árnyékot 2px, 2px, 5px grey értékekkel.

10.   A cím a legnagyobb méretű címsorként kerüljön megadásra, középre helyzeve.

11.   A tartalmon belül középre helyezve jelenjen meg a táblázat.

12.   A beviteli mezők szélessége 70px legyen, ahol a fő jelenik meg az csak 30px széles legyen. Az ár, a reptéri illeték és az összesen input mezők disabled-értékre legyen állítva. Vagyis, a user, csak a főt tudja beállítani, és bekattintani kér e biztosítást.

13.   A beviteli mezőkben a szöveg a végén jelenjen meg.

14.   A táblázatban helyezd el a képeket, felülre a planet.gif, alá roma.jpg, jordania.jpg, torokorszag.jpg és marokko.jpg képeket.

15.   A képek szélessége 100px legyen,

16.   50% lekerekítéssel.

17.   A cellákban a belső margó 5px legyen.

18.   A cellákat árnyékold 1px 1px 2px grey szürke értékekkel.

19.   A cellák kerekítése 10px-el.

20.   A táblázat fejléc típusú celláinak háttérszíne 60%-os fehér alfa értékű.

21.   A táblázat többi cellájának háttere pedig 80%-os fehér alfa értékű.

22.   A táblázatban az árakat ne lehessen a felhasználónak felül írni, de beviteli mezőben jelenjenek meg.

23.   A biztosítás bejelölhető négyzet legyen, ami alapértelmezett értékben be legyen jelölve, mivel ajánlott a biztosítást kötése.

24.   A fő állítható érték legyen.

25.   Írj egy függvényt, amely soronként kiszámolja, ha valaki megadja, hogy hány fő utazna, és figyelembe veszi a számítás azt is, hogy bejelölve hagyja-e a jelölő négyzetet, vagy kiveszi belőle a jelölést.

26.   A táblázat alsó sorában adja össze az összes kiadott értéket, ha esetleg valaki több utat is megjelölne, hogy utazna.

A  fotókat a feladat mappában találod : 20221219 Utazás kalkulátor források mappában.

A második óra végén az elkészült feladatot töltsd fel a github csatornádra és hívj meg közreműködőnek: latiza.