Frontend - Backend - IKT Project

2023. október 10., kedd

Js gyak1

Készíts egy weboldalt, amelyen egy gomb kerül elhelyezésre, amelyre ha kattintunk az alatta lévő html elemben megjelenik a "Hello Világ" felirat!

Táblázat

Készítsd el az alábbi weboldalt:

1. A címsor: Művészeti Galéria kiállításai első szintű címsorba helyezd, a háttere blue színű legyen.

2. A weboldalon a betűk típusa: Arial, sans-serif legyen.

3. A weboldal háttérszíne #f5f5f5 legyen.

4. A táblázat első sora fejléc típusú cellákat tartalmazzon.

5. A második sor háttérszíne darkgrey legyen, és fehér betűkkel.

6. A második és ötödik sorban lévő cellákat a minta szerint vond össze egy cellává.

7. A harmadik oszlopban lévő két cellát ami a dátumot tartalmazza a minta szerint vond össze.

8. A táblázat keretének színe: #ddd legyen.

9. A táblázat szélessége 80%-os legyen.

10. A táblázat árnyéka jobbra 0px-el, lefelé 2px-el, legyen eltolva és 5px –el szórással, a színe áttetsző 20% -os fekete legyen.

2023. október 9., hétfő

Javascript start bevezetés gyakorló feladatsor

<body>

    <!--5.) feladat-->
    <h2>Z változó értéke:</h2>
    <p id="text"></p>

    <!--9.) gyümölcsök lista megjelenítése-->
    <h2>Gyümölcsök</h2>
    <div id="fruits"></div>

    <!-- fruit mint innerHTML csillagokkal elválasztva:
    apple * orange * citron * Lemon -->
    <div id="inner"></div>

    <script>
        //1.deklaráld a következő 3 változót egyszerre: x,y,z
        
        // 2. az x-nek add az 5-öt, az y-nak a 6-ot értéknek
       
        //3. írasd ki őket a konzolba a következő módon:
        // x változó értéke: 5;
        // y változó értéke: 6;
      
        //4 a z változó értéke az x és y összege legyen
 
        // 5 a z változó értékét írasd ki egy paragrafusba
  
        //6. Hozz létre egy fruit nevű tömböt, apple, orange, citron gyümikkel;
      
        //7. írasd ki a konzolba az első elemet:
 
        //8. adjunk hozzá a fruit tömbhöz egy lemon elemet
   
        //9.  írassuk ki a lista elemeit felsorolásként
   
        // 10. Tárold el egy size nevű változóba hány eleme van a fruit tömbnek
    
        //11. írasd ki a konzolba: A fruit tömben 4 található.
       
        /*12. írasd ki az inner azonosítójú konténerbe a tömb elemeit csillaggal elválasztva, (join() metódussal)*/
       
        /* 13. távolítsuk el a az utolsó elemet pop(), és tároljuk el az eltávolított elemet egy lastOut változóba*/
    
        //14. írasd ki a konzolba az out tartalmát: az utlsó eltávolított elem az ...
       
        //15. távolítsuk el a tömb első elemét:
      
        //16. írasd ki a konzolba az out tartalmát: az első eltávolított elem az ...
      
        /*17. hozz létre egy objektumot car néven, tartalmazza a következő kulcs érték párokat: type opel, model astra, color blue*/
       
        //18. változtasd meg benne az autó színét pirosra
       
        //19. adj hozzá új kulcs érték párt
       
        //20. írasd ki a konzolba, hogy az opel autó tulajdonosa Lali
        
    </script>
</body>

2023. október 6., péntek

2023. október 5., csütörtök

Készítsd el az alábbi feladatokat egy db html fájlban

Hozz létre egy html fájlt a neved legyen a neve, pl: zita.html

Az oldal háttérszíne piros fehér piros legyen.

Az oldal tartalma kerüljön a weblap közepére, amelyet flexbox használatával helyezz el középen.

Helyezz el benne egy első szintű címsort, amelybe a html szakaszba ne írj szöveget, viszont javascripttel szelektáld ki, és írd bele "Szia";

Helyezz el az oldalon egy 3 soros és 3 oszlopos táblázatot.

Az első sora fejléc típusú legyen.

Az első sorát vond össze írd bele "Autók" egy második szintű címsorba.

A második sorban is vont össze a 3 cellát, és helyezd el benne a piros autó fotóját.

A harmadik sorban a cellákban egyesével helyezz el egy egy gombot, amelyekre a piros, zöld, fehér feliratok kerüljenek.

A táblázathoz adj hozzá egy 3px-el egyenes vonalú fekete keretet.

A táblázat háttérszíne 50%-os fehér legyen.

Old meg javascripttel, hogyha kattintás történik az különböző gombokra, akkor az adott színnek megfelelő színű autó jelenjen meg a táblázatban a piros lambó helyett.

Adj hozzá az oldalhoz egy hármas szintű címsort, írd bele Változók deklarlása

Adj hozzá az oldalhoz egy rendezeletlen listát, a lista elemeinek szövegében a változók dekralásához használható kulcsszavak jelenjenek meg.

Adj hozzá az oldalhoz egy újabb hármas szintű címsort, amelybe írd bele Szelektorok. A lista elemei a szelektorok legyenek.

Hozz létre egy text azonosítójú paragrafust, amelybe írd bele, hol helyezhetjük el a javascriptet a html dokumentumon belül. A paragrafust szelektáld ki, és tárold el egy text nevű változóban, majd írasd ki a consolra a változót, ellenőrizd kezedbe került e az elem.