lena_smd02/eis-website
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

JS-Uebungen hinzugefuegt

Browse source
This commit is contained in:
lena_smd02 2026-06-09 16:51:40 +00:00
parent d7ada53c1b
commit 5c1dfd7786
9 changed files with 130 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
eis_projekt.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EIS Projekt – Lena</title> <title>EIS Projekt – Lena</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.png" type="image/png">
</head> </head>
<body> <body>
@ -15,11 +16,13 @@
<li><a href="eis_projekt.html">EIS Projekt</a></li> <li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li> <li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li> <li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul> </ul>
</nav> </nav>
<main> <main>
<header> <header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Mein EIS Projekt</h1> <h1>Mein EIS Projekt</h1>
<p>Interaktive Softwareanwendungen – Sommersemester 2025</p> <p>Interaktive Softwareanwendungen – Sommersemester 2025</p>
</header> </header>

3
impressum.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum – Lena</title> <title>Impressum – Lena</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.png" type="image/png">
</head> </head>
<body> <body>
@ -15,11 +16,13 @@
<li><a href="eis_projekt.html">EIS Projekt</a></li> <li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li> <li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li> <li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul> </ul>
</nav> </nav>
<main> <main>
<header> <header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Impressum</h1> <h1>Impressum</h1>
</header> </header>

5
index.html
View file

@ -17,6 +17,7 @@
<li><a href="eis_projekt.html">EIS Projekt</a></li> <li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li> <li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li> <li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul> </ul>
</nav> </nav>
@ -24,7 +25,7 @@
<img src="img/logo.svg" alt="Logo" style="height: 100px;"> <img src="img/logo.svg" alt="Logo" style="height: 100px;">
<h1>Willkommen auf meiner Seite!</h1> <h1>Willkommen auf meiner Seite!</h1>
<p>Einführung in interaktive Softwareanwendungen – SoSe 2025</p> <p>Einführung in interaktive Softwareanwendungen – SoSe 2025</p>
<p>Yippie!</p>
</header> </header>
<main> <main>
@ -34,6 +35,6 @@
</section> </section>
</main> </main>
<script src="script.js"></script> <script src="js/script.js"></script>
</body> </body>
</html> </html>

25
js/notenrechner.js Normal file
View file

@ -0,0 +1,25 @@
let punktzahl = prompt();
let maxPunktzahl = prompt();
function berechneNote(punkte) {
if (punkte >= 90 && punkte <= 100){
return "sehr gut";
}
if (punkte >= 75 && punkte <= 89){
return "gut";
}
if (punkte >= 60 && punkte <= 74){
return "befriedigend";
}
if (punkte >= 50 && punkte <= 59){
return "ausreichend";
}
if (punkte < 50){
return "nicht bestanden";
}
}
let prozentsatz = (punktzahl / maxPunktzahl) *100
let note = berechneNote(prozentsatz);
alert(punktzahl+" von "+maxPunktzahl+" Punkten ("+prozentsatz+"%) = "+note);

11
js/textanalyse.js Normal file
View file

@ -0,0 +1,11 @@
let text = prompt();
function analyseText(text){
return `Anzahl der Zeichen: ${text.length}\n Anzahl der Wörter: ${text.split(" ").length}\n Text in Großbuchstaben: ${text.toUpperCase()}`
}
if (text.length == 0) {
alert("Fehler");
} else {
alert(analyseText(text));
}

4
kontakt.html
View file

@ -4,8 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kontakt – Lena</title> <title>Kontakt – Lena</title>
<link rel="icon" href="img/favicon.png" type="image/png">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<style> <style>
/* Spezielles Design für das Formular */ /* Spezielles Design für das Formular */
form { form {
display: flex; display: flex;
@ -44,11 +46,13 @@
<li><a href="eis_projekt.html">EIS Projekt</a></li> <li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li> <li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li> <li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul> </ul>
</nav> </nav>
<main> <main>
<header> <header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Kontakt</h1> <h1>Kontakt</h1>
<p>Hast du Fragen an mich? Schreibe mir eine Nachricht!</p> <p>Hast du Fragen an mich? Schreibe mir eine Nachricht!</p>
</header> </header>

38
notenrechner.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notenrechner</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.png" type="image/png">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="ueber_uns.html">Über mich</a></li>
<li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul>
</nav>
<main>
<header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Notenrechner</h1>
<p>Interaktive Softwareanwendung</p>
</header>
<section>
<h2>Hier sollte bald ein Notenrechner sein</h2>
<p>Damit hier was sinnvolles steht, braucht Lena Hilfe von Enrico :)<p>
</section>
</main>
<script src="js/notenrechner.js">
</script>
</body>
</html>

39
textanalyse.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Textanalyse</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.png" type="image/png">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="ueber_uns.html">Über mich</a></li>
<li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
<li><a href="textanalyse.html">Textanalyse</a></li>
</ul>
</nav>
<main>
<header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Textanalyse</h1>
<p>Interaktive Softwareanwendung</p>
</header>
<section>
<h2>Hier sollte bald ein Notenrechner sein</h2>
<p>Damit hier was sinnvolles steht, braucht Lena Hilfe von Enrico :)<p>
</section>
</main>
<script src="js/textanalyse.js">
</script>
</body>
</html>

6
ueber_uns.html
View file

@ -8,7 +8,6 @@
<link rel="icon" href="img/favicon.png" type="image/png"> <link rel="icon" href="img/favicon.png" type="image/png">
</head> </head>
<body> <body>
<nav> <nav>
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
@ -16,14 +15,17 @@
<li><a href="eis_projekt.html">EIS Projekt</a></li> <li><a href="eis_projekt.html">EIS Projekt</a></li>
<li><a href="kontakt.html">Kontakt</a></li> <li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li> <li><a href="impressum.html">Impressum</a></li>
<li><a href="notenrechner.html">Notenrechner</a></li>
</ul> </ul>
</nav> </nav>
<main> <main>
<header> <header>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
<h1>Über mich</h1> <h1>Über mich</h1>
<p>Wer ich bin und was ich mache.</p> <p>Wer ich bin und was ich mache.</p>
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
</header> </header>
<section> <section>