szabomarton/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added today's work

Browse Source
This commit is contained in:
szabomarton 2024-09-30 13:12:50 +02:00
parent aaffbf1b3b
commit d75f655704
5 changed files with 162 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
24_09_24/index.html
View File

@ -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);

BIN
24_09_30/24_09_30 - Frontend.pptx Normal file
View File

Binary file not shown.

37
24_09_30/szinvaltos.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 400px;
height: 200px;
background-color: lightblue;
}
p {
background-color: red;
}
</style>
</head>
<body>
<button id="szincsere">ASD</button>
<div id="szakaszID">
<p id="bekezdesID">
bekezdés
</p>
</div>
<ul id="lista">
<li>Elem 1</li>
<li>Elem 2</li>
<li>Elem 3</li>
</ul>
<script src="szinvaltos.js" defer></script>
</body>
</html>

125
24_09_30/szinvaltos.js Normal file
View File

@ -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)}`);

BIN
24_09_30/~$24_09_30 - Frontend.pptx Normal file
View File

Binary file not shown.