From bd0cdd0c692807256a0c435edbba4d41cef3bbf5 Mon Sep 17 00:00:00 2001
From: Playmaker1210 <hatvanitamas09@gmail.com>
Date: Fri, 22 Apr 2022 18:43:37 +0200
Subject: [PATCH] tutorial oldalak kesz

---
 javascript/lotto.zip                  | Bin 1302 -> 0 bytes
 javascript/szamok.zip                 | Bin 919 -> 0 bytes
 javascript/tutorial oldalak/script.js |  79 ++++++++++++++++----------
 javascript/tutorial oldalak/style.css |  12 +++-
 4 files changed, 59 insertions(+), 32 deletions(-)
 delete mode 100644 javascript/lotto.zip
 delete mode 100644 javascript/szamok.zip

diff --git a/javascript/lotto.zip b/javascript/lotto.zip
deleted file mode 100644
index 0dfb152d9d5c51c54bdefb1f45ddd8a1e9a24dd6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1302
zcmWIWW@Zs#00C2v?hr5oO0WUxocxlKeEk5Z8V&{(|Lzc*n_u>OF)}cmV`5+sfUC*O
zOG&NJ%P7gsnHzN0i`h_MANM}zGoA<YRw#75(QC3_-qiH<f#K{PwOq4EqszKqb8E!n
z&y;LGs<(~f*`%3groW$EGxN`rcOT1s{VF-nb9J4K-6?ZxZ*6mhuWIi;NqHEhrnoF<
z+V3Op7XByv?rABmdr=W)ibCmH6-@I#c&|PwA{Dhd;fm_>GgaPUy9BjfE|B2AG3RS>
zn$jN8I|8N^x-FONW-nw*zdfT;;o<D45JiEYDQC~7nw>l56s@vQpq?u-w|1JJMfU@)
zzAZ%!Yz=HxD;DK;B!>JKob&coDEE3<m78C4<DM;gelJwno9~pT0@uzLlh(dYI{s}B
zSJly`a>rLq``dTTVsJHh==|vA%>}i&(P`!j4CJS{ta{t*#1h*a|M8Ooi}R5OlLG4}
z#k@Hf(*4C|{;%+JtA0*foBwxb_kKG=aoaZ+;=g>fQ@(sQ<$P6^tNFJ3h;Xk2hWp)~
zv%h43VQvnL7=C!T7bh2G7L@2^6)z1rm?vc@uvhsbzxMn$c`gfr_+L6LU9#$mho}D?
zCB8P<0~>CfunuYL>OZ;t$#JWDrrBi+o3y?i{dQ(g<>$0A;{zJ^Pfm?=Ywp;%<ZhAv
z{#3QkvQjQpd$)(>RenE~|FCw7-@~bAVs~wizT7)+fzd98#}f{6nRMB|4Rd+@&CGOi
zZ}rPF4E0lvwZBb1B^lxIa$D-6#aq~Z7ytO<vOsP@jr1XHHFgz$vwz$D75)bm^gI?+
z{Iqq8rA^io^+Kl~CsuA0Tz~yp|6k=Rer#23#YR(KC>5ptDlJ{8w{dmT#Xf(F{ujME
z^RDl^`%6DZJ*n}o{O$ZTcW+&{PRYsBkhR}(JhY~vA@%A<{pFh~JQw|&SU+L0qH95A
z;5z2>LeJ-Bru95MdeLj{EK%``%U`V1UhyFA(V=x0HmzYe?-l9&I#s7YThsZXhViY8
zX>~pJA$g+PG!BbBZ%+$sZC$!-kK(ll6-r`@7X^P6J#oA+X#2avh7#W#8?=|dEcT6`
zRIai4`*tPO+NbaHwSQjal<QDA>p6So)gPP}4&8Yp_1Wy6f>iCAO4Z8sQ~s<A&yw-_
z?)W6AaDK!Dj(K+JOPPf|jh9VkzNZ}J8vej%=^M4AKDq9zuK8I<*)$$(T7Ge|kMA_T
zJwNy##XMcKD7aVlWo1-L@XzU<jq|;guV-I)`F-c9pm&G(_0FC*mx_7!+Hn2@TeFwb
zZq02z%D$kCK|lC@$PJ}Gz2E8?1H2iT>=|%na}{WY2W4gufMj|u1_dyWkwJnXblQY}
zg}yf!)g8V?)BtIou%>q)KEhmVMFY%SkU1bW#9Tx{fo#L3k1zIA0!`fgTR^@FNI&*&
z{Dp1<W+p(kVGgiJg4h7h637;8<9#j*GWdLm1lR(Ymjb+5K?NNHGZ0Dxjd;oo;sF4=
C3K|pu

diff --git a/javascript/szamok.zip b/javascript/szamok.zip
deleted file mode 100644
index 61f33a0617f99a0aececc74caaf8acc69a61ad6a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 919
zcmWIWW@Zs#0D<Pfst_;(O0Waz;;O{l{A~RIs3H!A6=78&x3U%%>N7Gh*t0M&2qF|^
z=B1=o=w+1T=JZ~%_CIVO!2UtD^L>JiXy>GT@{=aF9_R3w(s*&Je{W_|_{WQ@{(fOu
z-m>7zmB^y$f9l2g%Who#`}yvpzfT*N%t$}^l-2s4XXQqb9X8k2ooBQZ)YR8W@VPJ6
ze^)Yh?{%B@8F`{_%$7NLwOr)bb>{t)BPP=}gfi_~w^PweJH+O7)IsBp-}TED9^#pF
zo%#IPS+47TM@C$Ukc^hvnQygno6E@=QR=gmSN~97bWv}k(a%lpofnmYlVUshmYs^b
zyyW;It;%EHZTHE)V3)J!_~P6z&-QEL@qVViHy$5vtb6ovvV;BCADIj0SN_qtaNf4A
z?$G8HcV@54KYwY%EqR95nO`USS-x4RRqwv7+*(AT_(Jup9qa#yOU^kF5x9a^D7s@t
z*w?r1f6s;b)_&+~?{$4=|B)3Dx|YDu4S29yc@r>Hdx0S=fC$~<<f6=i61}YA-U$b}
znj8e$-Z#BBc$29c@M1;@XG_bjpG=SZHZ4hh!IAmp-P+Ycs)5zF>(loApRYM#;mgaL
zb{*hr;fOt6dQLZWjrJziPS$B2Z|=sjpW$W-O?|uIhh>q8*!S2qOAbg){aJeGv#H><
z_9rDKS2zu_IPY0(S#q=N@7~ADFF!l%<>K`+Ci;sQ%Nljz!_|9o-DZ^AZkn^*D1C;h
z3iGaIrOk#LWuDtc=q{-@)>HD^b@scFtdbpLfHxzPJp-;prULXM2!Q+w0?;JK#h?J@
zGBQXo*e%$i`_kbC<GxA7Cn|hzFxuY`oBtHZM;MGPVZsasnWGBCP=gW46xj-qUH9I;
z0~&ek!Rn)>Kr4E(e=S0{0yB1yt!M_u7t{)PTp`<_boNy-$cA|WhYX5<HavP8upD9o
SD;vnC%s?myG$WY_!~+18np$1}

diff --git a/javascript/tutorial oldalak/script.js b/javascript/tutorial oldalak/script.js
index eeb4d0e..7f5fa40 100644
--- a/javascript/tutorial oldalak/script.js	
+++ b/javascript/tutorial oldalak/script.js	
@@ -1,11 +1,31 @@
 "use sctrict"
 //adatok
-tutorial_opciok = ["html", "css", "javascript", "c#", "php"];
+let tutorial_opciok = ["html", "css", "javascript", "c#", "php"];
 
 let html = {
     links: ["https://www.w3schools.com/html/default.asp", "https://html.com","https://www.codecademy.com"],
     names: ["w3schools", "html.com", "codeacademy"]
 };
+let css = {
+    links: ["https://www.w3schools.com/css/default.asp", "https://www.sololearn.com/learning/1023","https://www.freecodecamp.org/learn/"],
+    names: ["w3schools", "sololearn", "freecodecamp"]
+};
+let javascript = {
+    links: ["https://www.w3schools.com/js/default.asp", "https://javascript.info/","https://www.codecademy.com"],
+    names: ["w3schools", "javascript.info", "codeacademy"]
+};
+let csharp = {
+    links: ["https://www.w3schools.com/cs/default.asp", "https://www.tutorialsteacher.com/csharp","https://www.codecademy.com"],
+    names: ["w3schools", "tutorials teacher", "codeacademy"]
+};
+let php = {
+    links: ["https://www.w3schools.com/php/default.asp", "https://www.php.net/manual/en/index.php","https://www.codecademy.com"],
+    names: ["w3schools", "php manual", "codeacademy"]
+};
+
+let nyelvek = [html, css, javascript, csharp, php];
+
+let first_call = true;
 
 function navOpciokLetrehozas(){
     let option;
@@ -14,11 +34,8 @@ function navOpciokLetrehozas(){
         option = document.createElement("li");
         option.setAttribute("id", tutorial_opciok[i]+"-item");   
         let button = document.createElement("button");
-        button.setAttribute("onclick", "fuggvenyAmiLetrehozzaAdiveket()"); 
-        /*ha rakkatintok a gombra meghivja a fuggvenyt ami letrehozza a
-         megfelelo diveket a linkekhez es torli a mar letrehozott diveket
-         ha nincs meg letrehozva egy sem azt is vegye figyelembe 
-        */
+        button.setAttribute("onclick", "divForLanguage(this)");
+        button.setAttribute("value", i);
         option.appendChild(button);
         let text = document.createTextNode(tutorial_opciok[i]);
         button.appendChild(text);
@@ -26,31 +43,33 @@ function navOpciokLetrehozas(){
         optionlist.appendChild(option);
         console.log(tutorial_opciok + " list item created");
     }
-    console.log("Divek letrehozasa");
-    divLetrehozas();
 }
 
-function divLetrehozas(){
-    let option;
-    let index = 0;
-
-    for(let i = 0; i < 1; i++){ //vissza irni tutorial opciok lengtre ||teszteles miatt atirva      
-        option = document.createElement("div");
-        option.setAttribute("class", tutorial_opciok[i]); //legorgeteshez a listabol
-        for(let j = 0; j < html.links.length; j++){          
-            let div = document.createElement("div");
-            div.setAttribute("id", html.names[index]);
-            let link = document.createElement("a");
-            link.setAttribute("href", html.links[index]);
-            link.setAttribute("target", "_blank");
-            div.appendChild(link);
-            let text = document.createTextNode(html.names[index]);
-            link.appendChild(text);
-            option.appendChild(div);
-            index++;
-        }
-        let main_div = document.getElementById("nyelvek");
-        main_div.appendChild(option);
-        index = 0;
+function divForLanguage(button){
+    let main_div;
+    let nyelvek_div = document.getElementById("nyelvek");
+    if(!first_call){
+        document.getElementById("nyelvek").removeChild(nyelvek_div.firstChild);
+    }else{
+        first_call = false;
     }
+
+    main_div = document.createElement("div");
+    main_div.setAttribute("id", tutorial_opciok[button.value]);
+
+    for(let i = 0; i < nyelvek[button.value].names.length; i++){
+        let div = document.createElement("div");
+        div.setAttribute("id", nyelvek[button.value].names[i]);
+        let link = document.createElement("a");
+        link.setAttribute("href", nyelvek[button.value].links[i]);
+        link.setAttribute("target", "_blank");
+        div.appendChild(link);
+        let text = document.createTextNode(nyelvek[button.value].names[i]);
+        link.appendChild(text);
+        main_div.appendChild(div);
+    }
+
+    console.log(main_div);
+   
+    nyelvek_div.appendChild(main_div);
 }
\ No newline at end of file
diff --git a/javascript/tutorial oldalak/style.css b/javascript/tutorial oldalak/style.css
index 0e61e15..909ac31 100644
--- a/javascript/tutorial oldalak/style.css	
+++ b/javascript/tutorial oldalak/style.css	
@@ -6,7 +6,7 @@ body{
 
 li{
     float: left;
-    margin: 5%;
+    margin: 6%;
     padding: 1.3%;
     background-color: white;
     font-size: larger;
@@ -39,12 +39,20 @@ a:active {
   text-decoration: underline;
 }
 
-.html div a{
+#nyelvek div div{
+    float: left;
+    margin: 5%;
+    margin-left: 13%;
+    padding: 2%;
+}
+
+#nyelvek div div a {
     color: white;
     font-size: larger;
     font-weight: 600;
 }
 
+
 button{
     border: none;
     background-color: white;