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

asd

Browse Source
This commit is contained in:
szabomarton 2024-09-23 13:15:50 +02:00
parent 7a34a388d1
commit ff82df77e6
4 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.

45
24_09_23/index.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p class="azonosito">1</p>
<p class="azonosito">2</p>
<p name="nev">asd</p>
<p name="nev">asd</p>
<p id="asd"></p>
<script>
let elem = document.querySelectorAll("[name='nev']");
console.log(elem);
let elem2 = document.querySelector("#asd");
elem2.textContent = "textcontent<br>";
console.log(elem2);
let elem3 = document.querySelectorAll(".azonosito");
elem3[1].innerHTML = "asd";
console.log(elem3);
elem3[0].style.backgroundColor = "yellow";
elem2.setAttribute("title", "cim");
console.log(elem2.getAttribute("title"));
elem2.removeAttribute("title");
console.log(elem2.getAttribute("title"));
let ujelem = document.createElement("div");
ujelem.innerHTML = "Új elem tartalma";
//document.body.appendChild(ujelem);
let nagyszulo = document.getElementById("asd");
let szulo = document.createElement("div");
szulo.innerHTML = "Szülő";
nagyszulo.appendChild(szulo);
szulo.appendChild(ujelem);
nagyszulo.removeChild(szulo);
</script>
</body>
</html>

21
24_09_23/script.js Normal file
View File

@ -0,0 +1,21 @@
let fodiv = document.getElementById("uzenetek");
let elem = document.createElement("div");
fodiv.appendChild(elem);
elem.className = "uzenet";
elem.innerHTML = "Ez az első üzenet tartalma!";
//console.log(elem.className);
let masodikUzenet = document.createElement("div");
masodikUzenet.className = "uzenet";
masodikUzenet.id = "masodikUzenet";
masodikUzenet.innerHTML = "<b>Ez a második üzenet tartalma!</b>";
fodiv.appendChild(masodikUzenet);
let harmadikUzenet = document.createElement("div");
harmadikUzenet.className = masodikUzenet.className;
harmadikUzenet.id = "harmadikUzenet";
harmadikUzenet.innerHTML = "<p>Ez a harmadik üzenet tartalma!</p>";
fodiv.appendChild(harmadikUzenet);

14
24_09_23/uzenetkezelo.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Üzenetkezelő</h1>
<div id="uzenetek"></div>
<script src="script.js"></script>
</body>
</html>