49 lines
1.1 KiB
HTML
49 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Notenrechner</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<script src="js/notenrechner.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<ul>
|
||
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="about_us.html">About Us</a></li>
|
||
<li><a href="eis_project.html">Project</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
<li><a href="imprint.html">Imprint</a></li>
|
||
<li><a href="notenrechner.html" class="active">Notenrechner</a></li>
|
||
|
||
</ul>
|
||
<button id="darkmode-toggle" class="darkmode-button">🌙 Dark Mode</button>
|
||
</nav>
|
||
|
||
</header>
|
||
|
||
<main>
|
||
<h1>Notenrechner (DOM-Version)</h1>
|
||
|
||
<form id="noten-form">
|
||
<label for="punkte">Punktzahl (0–100):</label>
|
||
<input id="punkte" name="punkte" type="number" min="0" max="100">
|
||
<button type="button" id="berechnen">Berechnen</button>
|
||
</form>
|
||
|
||
<p id="ergebnis"></p>
|
||
|
||
<div id="balken-container">
|
||
<div id="balken"></div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 EIS Learning Project</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|
||
|
||
|