44 lines
No EOL
1.2 KiB
HTML
44 lines
No EOL
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Notenrechner – Cyanotypie</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="icon" href="img/Favicon.jpg" type="image/jpeg">
|
||
</head>
|
||
<body>
|
||
<script src="js/nav.js"></script>
|
||
|
||
<main>
|
||
<h1>Notenrechner</h1>
|
||
<p>Gib deine Punkte ein und berechne deine Note.</p>
|
||
|
||
<div class="rechner-box">
|
||
<div class="rechner-feld">
|
||
<label for="punkte">Erreichte Punkte</label>
|
||
<input type="number" id="punkte" placeholder="z. B. 72">
|
||
</div>
|
||
<div class="rechner-feld">
|
||
<label for="maxPunkte">Maximale Punkte</label>
|
||
<input type="number" id="maxPunkte" placeholder="z. B. 90">
|
||
</div>
|
||
<button class="btn" id="berechnenBtn">Note berechnen</button>
|
||
</div>
|
||
|
||
<div class="ergebnis-box" id="ergebnis" style="display:none;">
|
||
<p id="ergebnisText"></p>
|
||
<div class="balken-hintergrund">
|
||
<div class="balken" id="balken"></div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 – Lernprojekt EIS</p>
|
||
</footer>
|
||
|
||
<script src="js/notenrechener.js"></script>
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html> |