59 lines
No EOL
1.5 KiB
HTML
59 lines
No EOL
1.5 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 – Studienprojekt 2026</title>
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<nav>
|
||
<div class="nav-logo">🎓 Studienprojekt</div>
|
||
|
||
<ul class="nav-links">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="ueber_uns.html">Über uns</a></li>
|
||
<li><a href="eis_projekt.html">Projekt</a></li>
|
||
|
||
<!-- NEU -->
|
||
<li><a href="notenrechner.html">Notenrechner</a></li>
|
||
<li><a href="textanalyse.html">Textanalyse</a></li>
|
||
|
||
<li><a href="kontakt.html">Kontakt</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
</ul>
|
||
|
||
<button id="dark-mode-toggle">🌙 Dark Mode</button>
|
||
</nav>
|
||
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-tag">📊 DOM Notenrechner</div>
|
||
|
||
<h1>Noten<span>rechner</span></h1>
|
||
|
||
<p>Punkte eingeben und Note direkt auf der Seite erhalten.</p>
|
||
|
||
<input type="number" id="punkteInput" placeholder="Punkte (0–100)" />
|
||
|
||
<button class="btn-primary" id="berechnenBtn">
|
||
Berechnen
|
||
</button>
|
||
|
||
<p id="ergebnis"></p>
|
||
|
||
<div class="progress-container">
|
||
<div id="progressBar"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="js/notenrechner.js"></script>
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html> |