diff --git a/24_09_24/index.html b/24_09_24/index.html index 72ae127..f56af3c 100644 --- a/24_09_24/index.html +++ b/24_09_24/index.html @@ -31,13 +31,11 @@ function szincsere() { - let color = "rgb("+a+","+b+","+c+")"; if (document.body.style.backgroundColor != "yellow"){ document.body.style.backgroundColor = "yellow"; } else { document.body.style.backgroundColor = "purple"; } - } document.getElementById("button2").addEventListener("click", mouseClick); diff --git a/24_09_30/24_09_30 - Frontend.pptx b/24_09_30/24_09_30 - Frontend.pptx new file mode 100644 index 0000000..d6cfc66 Binary files /dev/null and b/24_09_30/24_09_30 - Frontend.pptx differ diff --git a/24_09_30/szinvaltos.html b/24_09_30/szinvaltos.html new file mode 100644 index 0000000..f64fdfb --- /dev/null +++ b/24_09_30/szinvaltos.html @@ -0,0 +1,37 @@ + + + + + + Document + + + + + + +
+

+ bekezdés +

+
+ + + + + + \ No newline at end of file diff --git a/24_09_30/szinvaltos.js b/24_09_30/szinvaltos.js new file mode 100644 index 0000000..5be7377 --- /dev/null +++ b/24_09_30/szinvaltos.js @@ -0,0 +1,125 @@ +document.getElementById("szincsere").addEventListener("click", szincsere); + +function szincsere() { + let colors = []; + for (let index = 0; index < 6; index++) { + let num = Math.floor(Math.random() * 100 % 16); + let hex; + switch (num) { + case 10: + hex = 'A'; + break; + case 11: + hex = 'B'; + break; + case 12: + hex = 'C'; + break; + case 13: + hex = 'D'; + break; + case 14: + hex = 'E'; + break; + case 15: + hex = 'F'; + break; + default: + hex = num; + break; + } + colors[index] = hex; + console.log(hex); + } + + let color = "#"; + colors.forEach(element => { + color += element; + }); + + document.body.style.backgroundColor = color; +} + + +//eseménybefogás +/* +document.getElementById("szakaszID").addEventListener("click", function(){ + console.log("A div szakasz eseménykezelője lefutott!"); +}, true); + +document.getElementById("bekezdesID").addEventListener("click", function(){ + console.log("A p bekezdes eseménykezelője lefutott!"); +}, true); +*/ + +/* +NORMÁL BUBORÉKOS + +document.getElementById("szakaszID").addEventListener("click", function(){ + console.log("A div szakasz eseménykezelője lefutott!"); +}) + +document.getElementById("bekezdesID").addEventListener("click", function(){ + console.log("A p bekezdes eseménykezelője lefutott!"); +}) +*/ + + +/* +Eseménybuborékolás megállítása + +document.getElementById("szakaszID").addEventListener("click", function(event){ + event.stopPropagation(); +}); + +document.getElementById("bekezdesID").addEventListener("click", function(){ + console.log("A p bekezdes eseménykezelője lefutott!"); +}); + +*/ + +document.getElementById("lista").addEventListener("click", function(event) { + if (event.target.tagName === 'LI') { + console.log("Kattintott listaelem: ", event.target.textContent); + } +}); + + +let osszead = (a,b) => a + b; + +console.log(osszead(2,3)); +console.log(osszead(6,3)); +console.log(osszead(7,3)); + +nev = "Sanyi"; + +let ember = { + nev: "Géza", + koszon: function(){ + console.log("Szia, " + this.nev); + }, + elkoszon: function (params) { + console.log("Viszlát, " + this.nev); + }, + // a this nem erre az objektumra vonatkozik a nyílv függvénynél + koszon2: () => { + console.log("Viszlát, " + this.nev); + } +} + +ember.koszon(); +ember.elkoszon(); +ember.koszon2(); + +let szamok = [10,20,30,40,50]; +let szum = (array) => { + a = 0; + array.forEach(element => { + a += element; + }); + return a; +} +let atlag = (array) => szum(array) / array.length; + +console.log(`Összeg: ${szum(szamok)}`); +console.log(`Átlag: ${atlag(szamok)}`); \ No newline at end of file diff --git a/24_09_30/~$24_09_30 - Frontend.pptx b/24_09_30/~$24_09_30 - Frontend.pptx new file mode 100644 index 0000000..014753d Binary files /dev/null and b/24_09_30/~$24_09_30 - Frontend.pptx differ