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

added todays thing

Browse Source
This commit is contained in:
szabomarton 2024-09-24 13:06:28 +02:00
parent ff82df77e6
commit aaffbf1b3b
4 changed files with 111 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
24_09_23/script.js
View File

@ -16,6 +16,22 @@ fodiv.appendChild(masodikUzenet);
let harmadikUzenet = document.createElement("div");
harmadikUzenet.className = masodikUzenet.className;
harmadikUzenet.id = "harmadikUzenet";
harmadikUzenet.innerHTML = "<p>Ez a harmadik üzenet tartalma!</p>";
harmadikUzenet.innerHTML = "Ez a harmadik üzenet tartalma!";
fodiv.appendChild(harmadikUzenet);
let valaszUzenet = document.createElement("div");
valaszUzenet.className = harmadikUzenet.className;
valaszUzenet.id = "valaszUzenet";
valaszUzenet.innerHTML = "Ez a harmadik üzenetre egy válaszüzenet!";
valaszUzenet.style.paddingTop = 30 ;
harmadikUzenet.appendChild(valaszUzenet);
fodiv.removeChild(elem);
let masodikUzenet2 = document.createElement("p");
masodikUzenet2.className = masodikUzenet.className;
masodikUzenet2.id = "masodikUzenet2";
masodikUzenet2.innerHTML = masodikUzenet.innerHTML;
fodiv.appendChild(masodikUzenet2);
fodiv.removeChild(masodikUzenet);

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

Binary file not shown.

93
24_09_24/index.html Normal file
View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="script.js" defer></script>
</head>
<body>
<h1 id="asd" onclick="szovegcsere(this)"></h1>
<button id="gomb">Kattints ide!</button>
<p id="azonosito"></p>
<form>
Add meg a TAJ számod: <input type="text" id="azonosito2" oninput="keylogger()"><br>
Add meg a neved: <input type="text" id="azonosito3" oninput="nagybetus()"><br>
Add meg a jelszavad: <input type="text" id="azonosito4" onchange="nagybetus_2()">
</form>
<p id="kurzor" onmouseover="changeText()" onmouseout="resetText()" >Vidd ide az egeret!</p>
<button id="kurz" onmousedown="mouseDown()" onmouseup="mouseUp()" onclick="mouseClick()">ASD</button>
<p id="kurzor2">ASD</p>
<button id="button2">ASDASDSDDS</button>
<button id="szin">SZÍNCSERE</button>
<script>
document.getElementById("szin").addEventListener("click", szincsere);
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);
function mouseDown() {
document.getElementById("kurzor2").innerHTML = "Egér lenyomva";
}
function mouseUp() {
document.getElementById("kurzor2").innerHTML = "Egér felengedve";
}
function mouseClick() {
document.getElementById("kurzor2").innerHTML = "Kattintás";
}
function changeText() {
document.getElementById("kurzor").innerHTML = "A kurzor itt van!";
}
function resetText() {
document.getElementById("kurzor").innerHTML = "Húzd ide a kurzort!";
}
function keylogger() {
console.log(document.getElementById("azonosito2").value);
}
function nagybetus(){
const x = document.getElementById("azonosito3");
x.value = x.value.toUpperCase();
}
function nagybetus_2(){
const x = document.getElementById("azonosito4");
x.value = x.value.toUpperCase();
}
function szovegcsere(id){
document.getElementById(id).innerHTML = "Ez lesz az új szöveg";
}
document.getElementById("gomb").onclick = function () {
szovegcsere("asd");
}
//document.getElementById("gomb").onclick = szovegcsere("asd");
window.onload = function() {
document.getElementById("azonosito").innerHTML = "Az oldal betöltődött!";
};
window.onunload = function() {
console.log("asd");
};
</script>
</body>
</html>

1
24_09_24/script.js Normal file
View File

@ -0,0 +1 @@
//document.getElementById("id").innerHTML = "H1";