JS-Uebungen hinzugefuegt
This commit is contained in:
parent
d7ada53c1b
commit
5c1dfd7786
9 changed files with 130 additions and 4 deletions
|
|
@ -5,6 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EIS Projekt – Lena</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -15,11 +16,13 @@
|
|||
<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>Mein EIS Projekt</h1>
|
||||
<p>Interaktive Softwareanwendungen – Sommersemester 2025</p>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum – Lena</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -15,11 +16,13 @@
|
|||
<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>Impressum</h1>
|
||||
</header>
|
||||
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
<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>
|
||||
|
||||
|
|
@ -24,7 +25,7 @@
|
|||
<img src="img/logo.svg" alt="Logo" style="height: 100px;">
|
||||
<h1>Willkommen auf meiner Seite!</h1>
|
||||
<p>Einführung in interaktive Softwareanwendungen – SoSe 2025</p>
|
||||
<p>Yippie!</p>
|
||||
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
|
@ -34,6 +35,6 @@
|
|||
</section>
|
||||
</main>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
25
js/notenrechner.js
Normal file
25
js/notenrechner.js
Normal 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
11
js/textanalyse.js
Normal 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,8 +4,10 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kontakt – Lena</title>
|
||||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<style>
|
||||
|
||||
/* Spezielles Design für das Formular */
|
||||
form {
|
||||
display: flex;
|
||||
|
|
@ -44,11 +46,13 @@
|
|||
<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>Kontakt</h1>
|
||||
<p>Hast du Fragen an mich? Schreibe mir eine Nachricht!</p>
|
||||
</header>
|
||||
|
|
|
|||
38
notenrechner.html
Normal file
38
notenrechner.html
Normal 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
39
textanalyse.html
Normal 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>
|
||||
|
|
@ -8,7 +8,6 @@
|
|||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<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="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>Über mich</h1>
|
||||
<p>Wer ich bin und was ich mache.</p>
|
||||
<img src="img/logo.svg" alt="Logo" style="height: 40px;">
|
||||
|
||||
</header>
|
||||
|
||||
<section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue