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

Harmadik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-11-28 10:40:51 +01:00
parent 11c80fb673
commit d0de8736f4
25 changed files with 328 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
2018-19-1-03/gknb_intm049_2018-19-1_03.css → 2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03.css
View File

0
2018-19-1-03/gknb_intm049_2018-19-1_03.html → 2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03.html
View File

0
2018-19-1-03/gknb_intm049_2018-19-1_03.js → 2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03.js
View File

0
2018-19-1-03/gknb_intm049_2018-19-1_03.odt → 2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03.odt
View File

0
2018-19-1-03/gknb_intm049_2018-19-1_03_vanilla.js → 2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03_vanilla.js
View File

BIN
2018-19-1-03/Megoldas/calendar_date_day_thirty-two_32-512.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
2018-19-1-03/Megoldas/gknb_intm049_2018-19-1_03.odt Normal file
View File

Binary file not shown.

17
2018-19-1-03/Megoldas/index.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Szabadság nyilvántartás</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1 style="float: left;">Szabadság nyilvántartás</h1>
<img src="./calendar_date_day_thirty-two_32-512.webp" alt="" style="float: left; width: 32px; height: 32px; padding-top: 25px;">
<table style="width: 100%;" id="maintable">
</table>
<script src="script.js"></script>
</body>
<p id="leaves">Kivett szabadságok összesen: 0 nap.</p>
</html>

51
2018-19-1-03/Megoldas/script.js Normal file
View File

@ -0,0 +1,51 @@
var leave = 0;
document.addEventListener("DOMContentLoaded", ()=>{
var table = document.getElementById("maintable");
var row = document.createElement("tr");
var cell = document.createElement("th");
row.appendChild(cell);
for(i = 0; i < 31; i++){
cell = document.createElement("th");
cell.innerText = `${i+1}`
row.appendChild(cell);
}
table.appendChild(row);
var weekdaycounter = 1;
for(var i = 1; i < 12; i++){
row = document.createElement("tr");
var first = document.createElement("th");
first.innerText = `${i}`;
row.appendChild(first);
for(var j = 0; j < 31; j++){
var innercell = document.createElement("td");
if (([2, 4, 6, 9, 11].includes(i) && j == 30) || (i == 2 && j > 27)) {
innercell.classList.add("inval");
}
else{
weekdaycounter += 1;
}
if(weekdaycounter > 5){
innercell.classList.add("weekend");
}
if(weekdaycounter == 7){
weekdaycounter = 0;
}
if(innercell.classList.length == 0){
innercell.addEventListener("click", function () {
if (this.classList.contains("away")) {
this.classList.remove("away");
leave -= 1;
} else {
this.classList.add("away");
leave += 1;
}
document.getElementById("leaves").innerText = `Kivett szabadságok összesen: ${leave} nap.`
});
}
row.appendChild(innercell);
}
table.appendChild(row);
}
});

23
2018-19-1-03/Megoldas/style.css Normal file
View File

@ -0,0 +1,23 @@
td, th{
border: 1px solid black;
margin: 0px;
font-size: 8pt;
padding: 0px;
width: calc(100%/32);
}
td{
background-color: red;
}
table{
border-collapse: collapse;
}
.inval{
background-color: grey;
}
.weekend{
background-color: blue;
}
.away{
background-color: lightgreen;
}