From ad6623fdf544b5ddf6027e4caf889955156207ce Mon Sep 17 00:00:00 2001
From: thewarrior1220 <hatvanitamas09@gmail.com>
Date: Tue, 20 Sep 2022 17:46:31 +0200
Subject: [PATCH] add

---
 burgundia gyak 1/alap.js                      | 48 ++++++++++++
 burgundia gyak 1/domhasznalat.html            | 39 ++++++++++
 ..._javascript_eveleji_ismetles_json_2022.txt | 51 +++++++++++++
 burgundia gyak 1/index.html                   | 37 +++++++++
 burgundia gyak 1/konzol.html                  | 75 +++++++++++++++++++
 burgundia gyak 1/urlap.html                   | 54 +++++++++++++
 6 files changed, 304 insertions(+)
 create mode 100644 burgundia gyak 1/alap.js
 create mode 100644 burgundia gyak 1/domhasznalat.html
 create mode 100644 burgundia gyak 1/feladatok_javascript_eveleji_ismetles_json_2022.txt
 create mode 100644 burgundia gyak 1/index.html
 create mode 100644 burgundia gyak 1/konzol.html
 create mode 100644 burgundia gyak 1/urlap.html
diff --git a/burgundia gyak 1/alap.js b/burgundia gyak 1/alap.js
new file mode 100644
index 0000000..b722193
--- /dev/null
+++ b/burgundia gyak 1/alap.js	
@@ -0,0 +1,48 @@
+fetch("https://raw.githubusercontent.com/Laboratoria/LIM011-data-lovers/master/src/data/potter/potter.json").then(x => x.json()).then(y => megjelenit(y));
+
+function megjelenit(tomb){
+    console.log(tomb);
+    let szoveg = "";
+    for (let elem of tomb) {
+        szoveg += "<option value=\"\">"+elem.name+"</option>";
+    }
+    document.getElementById("lenyilo").innerHTML = szoveg;
+
+//////////////////////////////////////////////////////////////////
+
+    let szoveg2 = "";
+    for(let elem of tomb){
+        szoveg2 += "<tr>";
+        szoveg2 += "<td>";
+        szoveg2 += elem.name;
+        szoveg2 += "</td>";
+        szoveg2 += "<td>";
+        szoveg2 += elem.gender;
+        szoveg2 += "</td>";
+        szoveg2 += "<td>";
+        szoveg2 += elem.house;
+        szoveg2 += "</td>";
+        szoveg2 += "<td>";
+        szoveg2 += elem.actor;
+        szoveg2 += "</td>";
+        szoveg2 += "</tr>";
+    }
+
+    document.getElementById("torzs").innerHTML = szoveg2;
+
+    ///////////////////////////////////////////////////////////////////
+    let szoveg3 = "";
+
+    for (let elem of tomb) {
+        szoveg3 += '<div class="col-md-4 col-sm-6">';
+        szoveg3+= '<img class="img-fluid w-75" src="' +elem.image+ '">' 
+        szoveg3 += '<br>';
+        szoveg3+= '<div style="font-style: italic; text-align:center; padding: 10px;">';
+        szoveg3 += elem.name
+        szoveg3 += '</div>';
+        szoveg3 += '</div>';
+    }
+
+    document.getElementById("kepek").innerHTML = szoveg3;
+
+}
\ No newline at end of file
diff --git a/burgundia gyak 1/domhasznalat.html b/burgundia gyak 1/domhasznalat.html
new file mode 100644
index 0000000..673adb9
--- /dev/null
+++ b/burgundia gyak 1/domhasznalat.html	
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+        <title>Document</title>
+    </head>
+    <body>
+        <select id="opciok"></select>
+        <div id="opciok2"></div>
+        <script>
+            let tomb = ["tejtermék", "pékáru", "édesség", "fűszer", "tisztítószer"];
+            let opciok = document.getElementById("opciok");
+            let count = 0;
+            for (let item of tomb) {
+                let option = document.createElement("option");
+                option.innerText = item;
+                option.value = count++;
+                opciok.appendChild(option);
+            }
+
+            count = 0;
+            for (let elem of tomb) {
+                let radioB = document.createElement("input");
+                radioB.setAttribute("type", "radio");
+                radioB.value = count++;
+                let szoveg = document.createElement("label");
+                szoveg.innerText = elem;
+                let br = document.createElement("br");
+                document.getElementById("opciok2").appendChild(radioB);
+                document.getElementById("opciok2").appendChild(szoveg);
+                document.getElementById("opciok2").appendChild(br);
+                
+            }
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/burgundia gyak 1/feladatok_javascript_eveleji_ismetles_json_2022.txt b/burgundia gyak 1/feladatok_javascript_eveleji_ismetles_json_2022.txt
new file mode 100644
index 0000000..8692ad2
--- /dev/null
+++ b/burgundia gyak 1/feladatok_javascript_eveleji_ismetles_json_2022.txt	
@@ -0,0 +1,51 @@
+Konzolra �rass ki!
+-konzol.html f�jlba dolgozz!
+
+1. Hozz l�tre json t�mb�t term�kek nev�vel, �r�val, min.5db! 
+�rasd ki konzolra a t�mb�t!
+K�sz�ts f�ggv�nyt, amely a param�terek�nt megadott sz�mn�l
+ dr�g�bb term�keket megsz�molja! �rasd ki konzolra!
+K�sz�ts f�ggv�nyt, param�ter n�lk�l, amely
+ a term�kek nev�t �sszef�ziegy sz�vegg�, al�h�z�sjellel elv�lasztva. �rasd ki konzolra!
+K�sz�ts NY�L f�ggv�nyt, amely a param�terek�nt megadott term�kn�vre visszaadja, logikai �rt�kk�nt,
+ hogy benne van vagy nincs! �rasd ki!
+K�sz�ts NY�L f�ggv�nyt, param�ter n�lk�lit, amely visszaadja 
+a term�kek �tlag�r�t! �rasd ki!
+
+
+-------------------------------------
+
+�rlapok-Weblapon(design n�lk�l)
+-urlap.html f�jlba dolgozz!
+
+2. K�rd be term�k nev�t, �r�t, k�szeleten l�v� darabsz�m�t, 
+leny�l�ban jelenjen meg, hogy tejterm�k/p�k�ru/�dess�g
+Gombnyom�sra �rja vissza a gomb al� a term�k nev�t, �r�t, darabsz�m�t, t�pus�t,
+majd al� az �ssz�rt�ket (�r*darab)
+A term�k neve beviteli mez�j�nek h�ttere legyen s�rga, ha belel�p�nk, 
+�s feh�r, ha kil�p�nk.
+
+-------------------------------------
+
+JS-HTML-DOM haszn�lata(design n�lk�l)
+-domhasznalat.html
+
+3. K�sz�ts t�mb�t, amely a tejterm�k, p�k�ru, �dess�g, f�szer, tiszt�t�szer 
+szavakat tartalmazza, majd leny�l� list�ban megjelen�ti
+ Javascript programmal (createelement...appendchild)
+K�sz�ts alatta az 5 sz�val radio gombokat, csak 1-et lehessen kiv�lasztani.
+(createelement...appendchild)
+
+
+-------------------------------------
+Fetch,  diz�jnol�s Bootstrap-el
+-potter mapp�ba dolgozz! Open folder , index.html, alap.js
+
+https://github.com/Laboratoria/LIM011-data-lovers/blob/master/src/data/potter/potter.json
+
+4. �rd el fetch-el az adatokat, �rasd ki konzolra!
+�rasd ki a szerepl�k nev�t Weblapra, 
+leny�l� list�ba(bootstrapes, netes hivatkozas)!
+Alatta �rasd ki a szerepl�ket t�bl�zatba(bootstrap)(neve, neme, h�za, sz�n�szt)
+Alatta rakd ki az �sszes k�pet, egy�ni elrendez�sben!
+
diff --git a/burgundia gyak 1/index.html b/burgundia gyak 1/index.html
new file mode 100644
index 0000000..2d32814
--- /dev/null
+++ b/burgundia gyak 1/index.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+        <title>Document</title>
+        <script src="alap.js"></script>
+    </head>
+    <body class="m-5"> 
+        <div class="row">
+            <div class="col-sm-4"></div>
+            <div class="col-sm-4">
+                <select id="lenyilo"></select></div>
+                <table class="table table-dark">
+                    <thead>
+                        <tr>
+                            <th>Nev</th>
+                            <th>Neme</th>
+                            <th>haza</th>
+                            <th>Szinesz</th>
+                        </tr>
+                    </thead>
+                    <tbody id="torzs">
+
+                    </tbody>
+                </table>
+            <div class="col-sm-4"></div>
+          </div>
+
+          <div class="row" id="kepek">
+
+          </div>
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/burgundia gyak 1/konzol.html b/burgundia gyak 1/konzol.html
new file mode 100644
index 0000000..a58f80a
--- /dev/null
+++ b/burgundia gyak 1/konzol.html	
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+        <title>Document</title>
+    </head>
+    <body>
+        <script>
+            function dragabb(number){
+                let count = 0;
+                for(let elem of tomb){
+                    if(elem.termekar > number){
+                        count++;
+                    }
+                }
+                return count;
+            }
+
+            function fuzo(){
+                let szoveg = "";
+                for (let elem of tomb) {
+                    szoveg += elem.termeknev + "_";
+                }
+                
+                /*tomb.forEach(elem => {
+                    szoveg += elem.termeknev + "_";
+                });*/
+                
+                szoveg = szoveg.substring(0, szoveg.length - 1);
+                return szoveg;
+            }
+
+            let van_benne = (neve) => {
+                for (let elem of tomb) {
+                    if(elem.termeknev == neve){
+                        return true;
+                    }
+                }
+                return false;
+            }
+
+            let atlagar = () => {
+                let price = 0;
+                for (let elem of tomb) {
+                    price += elem.termekar;
+                }
+                price = price / tomb.length;
+                return price;
+            }
+
+            console.log("Hello world!");
+            let tomb = [ //json adatszerkezet
+                {"termeknev":"kenyér", "termekar": 800},
+                {"termeknev":"kifli", "termekar": 500},
+                {"termeknev":"perec", "termekar": 200},
+                {"termeknev":"zsemle", "termekar": 100},
+                {"termeknev":"keksz", "termekar": 60}
+            ]; 
+
+            console.log(tomb);
+            console.log(tomb[4].termekar);
+            console.log(dragabb(50));
+            console.log(fuzo());
+            if(van_benne("kenyér")){
+                console.log("van benne");
+            }else{
+                console.log("nincs benne");
+            }
+            console.log("atlag: " + atlagar());
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/burgundia gyak 1/urlap.html b/burgundia gyak 1/urlap.html
new file mode 100644
index 0000000..148ffd8
--- /dev/null
+++ b/burgundia gyak 1/urlap.html	
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+        <title>Document</title>
+        <style>
+           /* #nev{
+                background-color: yellow;
+            }
+            #nev:focus {
+                background-color: white;
+            }*/
+        </style>
+    </head>
+    <body style="margin: 1%;">
+        <label>Neve</label>
+        <input id="nev" type="text" style="background-color: yellow;" onblur="sarga()" onfocus="feher()"><br><br>
+        <label>ár</label>
+        <input id="ar" type="text"><br><br>
+        <label>darabszám</label>
+        <input id="darabszam" type="text"><br><br>
+        <select id="opciok">
+            <option>Tejtermék</option>
+            <option>Pékáru</option>
+            <option>Édesség</option>
+        </select><br><br>
+        <button type="submit" onclick="kiir()">Gomb</button><br><br>
+        <div id="kiirhelye"></div>
+        <script>
+            function kiir(){
+                let adatok = "";
+                let teljes_ar = document.getElementById("ar").value * document.getElementById("darabszam").value;
+                adatok += document.getElementById("nev").value;
+                adatok += " " + document.getElementById("ar").value;
+                adatok += " " + document.getElementById("darabszam").value;
+                adatok += " " + document.getElementById("opciok").value;
+                adatok += " Teljes ár: " + teljes_ar;
+                console.log(adatok);
+                document.getElementById("kiirhelye").innerHTML = adatok;
+            }
+
+            function feher(){
+                document.getElementById("nev").style.backgroundColor = "white";
+            }
+
+            function sarga(){
+                document.getElementById("nev").style.backgroundColor = "yellow";
+            }
+        </script>
+    </body>
+</html>
\ No newline at end of file
