This commit is contained in:
2024-11-28 13:13:25 +01:00
parent 3d587ce0a0
commit fedf227578
4 changed files with 87 additions and 0 deletions

Binary file not shown.

View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vizsgaeredmények rögzítése</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Vizsgaeredmények rögzítése</h1>
<table id="MainTable">
<tr>
<th>Ssz</th>
<th>Név</th>
<th>Neptun</th>
<th>Eredmény</th>
</tr>
<tr id="sample">
<th>1.</th>
<td><input type="text" name="" id=""></td>
<td><input type="text" name="" id="" maxlength="6"></td>
<td>
<select name="" id="" class="marks" onchange="updateaverage()">
<option value="0">Nem jelent meg</option>
<option value="1">Elégtelen (1)</option>
<option value="2">Elégséges (2)</option>
<option value="3">Közepes (3)</option>
<option value="4">Jó (4)</option>
<option value="5">Jeles (5)</option>
</select>
</td>
</tr>
</table>
<div style="display:flex">
<button style="float: left; margin-right: 5px;" onclick="newliner()">+</button>
<p id="average" style="float: left; margin: 0;">Az átlag: </p>
</div>
<script src="./script.js"></script>
</body>
</html>

View File

@ -0,0 +1,29 @@
var counter = 1;
function newliner(){
counter += 1;
var child = document.getElementById("sample");
child = child.cloneNode(true);
child.id = "";
child.children[0].textContent = counter;
child.children[1].children[0].value = "";
child.children[2].children[0].value = "";
child.children[3].children[0].value = 0;
document.getElementById("MainTable").appendChild(child);
updateaverage();
}
function updateaverage(){
var marks = Array.from(document.getElementsByClassName("marks"));
var avg = 0;
for(var i = 0; i < marks.length; i++){
if(Number(marks[i].value) == 0){
avg += 1
}else{
avg += Number(marks[i].value);
}
}
avg = Math.floor((avg * 100) / marks.length);
avg = avg / 100;
document.getElementById("average").textContent = `Az átlag: ${avg}`;
}

View File

@ -0,0 +1,17 @@
table{
border-collapse: collapse;
}
td, th{
margin: 0;
padding: 5px;
}
h1{
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
th{
text-align: center;
}
tr:hover{
background-color: lightgrey;
}