Kilokem/WebTechnologiak-vizsga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nyolcadik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-12-06 12:08:15 +01:00
parent 3fb3920015
commit e7b2b7125b
10 changed files with 444 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
2019-20-1-03/gknb_intm049_2019-20-1_03.css → 2019-20-1-03/Feladat/gknb_intm049_2019-20-1_03.css
View File

0
2019-20-1-03/gknb_intm049_2019-20-1_03.html → 2019-20-1-03/Feladat/gknb_intm049_2019-20-1_03.html
View File

0
2019-20-1-03/gknb_intm049_2019-20-1_03.js → 2019-20-1-03/Feladat/gknb_intm049_2019-20-1_03.js
View File

0
2019-20-1-03/gknb_intm049_2019-20-1_03.odt → 2019-20-1-03/Feladat/gknb_intm049_2019-20-1_03.odt
View File

1
2019-20-1-03/Megoldás/.~lock.gknb_intm049_2019-20-1_03.odt# Normal file
View File

@ -0,0 +1 @@
,kilokem,KilokemCoder,06.12.2024 10:57,file:///home/kilokem/.config/libreoffice/4;

253
2019-20-1-03/Megoldás/bulb.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
2019-20-1-03/Megoldás/gknb_intm049_2019-20-1_03.odt Normal file
View File

Binary file not shown.

112
2019-20-1-03/Megoldás/index.html Normal file
View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lights out</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1><a href="https://hu.wikipedia.org/wiki/Lights_Out_(j%C3%A1t%C3%A9k)" target="_blank">Lights out</a></h1>
<ul>
<li>
the <em>Lights out</em> sometext
</li>
<li>
some even more text
</li>
</ul>
<table>
<tr>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
</tr>
<tr>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
</tr>
<tr>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
</tr>
<tr>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
</tr>
<tr>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
<td>
<img src="./bulb.svg" alt="bulb" title="Lámpa felkapcsolva">
</td>
</tr>
</table>
<script src="./script.js"></script>
</body>
</html>

44
2019-20-1-03/Megoldás/script.js Normal file
View File

@ -0,0 +1,44 @@
document.addEventListener("DOMContentLoaded", () => {
var cells = document.getElementsByTagName("img");
for (var i = 0; i < cells.length; i++) {
cells[i].classList = "shown";
//cells[i].children[0].style = "background-color: black;";
cells[i].addEventListener("click", function clicker() {
var ells = Array.from(document.getElementsByTagName("img"));
var selfindex = ells.indexOf(this);
//console.log(selfindex);
var replaceclass = (a) => {
if (a.classList == "shown") {
a.classList = "hidden";
a.title = "Lámpa lekapcsolva"
}
else {
a.classList = "shown";
a.title = "Lámpa felkapcsolva"
}
};
if (selfindex - 5 > 0)
replaceclass(ells[selfindex - 5]);
if (selfindex - 1 > 0 && (selfindex) % 5 != 0)
replaceclass(ells[selfindex - 1]);
if (selfindex + 1 < ells.length && (selfindex + 1) % 5 != 0)
replaceclass(ells[selfindex + 1]);
if (selfindex + 5 < ells.length)
replaceclass(ells[selfindex + 5]);
replaceclass(this);
var end = true
for (var i = 0; i < ells.length; i++) {
if (ells[i].classList == "shown") {
end = false;
break;
}
}
if (end) {
for (var i = 0; i < ells.length; i++) {
ells[i].removeEventListener("click", clicker);
}
}
});
}
});

34
2019-20-1-03/Megoldás/style.css Normal file
View File

@ -0,0 +1,34 @@
h1 {
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
ul {
list-style: square;
}
table {
border-collapse: collapse;
}
td {
margin: 5px;
border: 2px ridge, white;
width: 35px;
height: 35px;
text-align: center;
vertical-align: middle;
}
img {
height: 25px;
width: 25px;
}
.hidden {
opacity: 0;
}
.shown {
opacity: 1;
}