Aufgabe 3
html:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Benotung</title>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="6.3.js"></script>
</head>
<body>
<section id= "6.3">
<hr class="section-heading-spacer">
<div class="container">
<h2 class="section-heading">Aufgabenblatt 6</h2>
<div class="row">
<div class="col-md-3">
<h3 class="section-heading">Aufgabe 6.3 Noten zuordnen</h3>
<label for="Eingabe">Note eingeben:</label>
<input id="Eingabe" class="form-control" type=number/>
<button id="Bewertung" class="btn btn-info">Bewertung</button>
<p id="Ausgabe"></p>
</div>
</div>
</div>
<script src="6.3.js"></script>
</body>
</html>
ts/js:
$(function () {
$("#Bewertung").click(function (event) {
var Note = document.getElementById("Eingabe").value;
switch (Note) {
case '1':
$("#Ausgabe").text("Deine Note ist sehr gut");
break;
case '2':
$("#Ausgabe").text("Deine Note ist gut");
break;
case '3':
$("#Ausgabe").text("Deine Note ist befriedigend");
break;
case '4':
$("#Ausgabe").text("Deine Note ist ausreichend");
break;
case '5':
$("#Ausgabe").text("Deine Note ist mangelhaft");
break;
case '6':
$("#Ausgabe").text("Deine Note ist ungenügend");
break;
default:
$("#Ausgabe").text("Die eingegebene Zahl ist keine Schulnote");
break;
}
});
});