From a79a566e7d68d201f820128ae21e5b2c66b9a595 Mon Sep 17 00:00:00 2001 From: danielvici123 <94993276+danielvici@users.noreply.github.com> Date: Wed, 16 Oct 2024 14:02:30 +0200 Subject: [PATCH] - Aufgabe vom 24-10-16 in PHP und JS --- progp/24-10-16/oktobefest.html | 69 ++++++++++++++++++++++++++++++++++ progp/24-10-16/rechner.js | 28 ++++++++++++++ progp/24-10-16/rechner.php | 48 +++++++++++++++++++++++ progp/css/blau-theme.css | 64 +++++++++++++++++++++++++++++++ 4 files changed, 209 insertions(+) create mode 100644 progp/24-10-16/oktobefest.html create mode 100644 progp/24-10-16/rechner.js create mode 100644 progp/24-10-16/rechner.php create mode 100644 progp/css/blau-theme.css diff --git a/progp/24-10-16/oktobefest.html b/progp/24-10-16/oktobefest.html new file mode 100644 index 0000000..a8cec87 --- /dev/null +++ b/progp/24-10-16/oktobefest.html @@ -0,0 +1,69 @@ + + + + + + Alkoholspiegel + + + + +

Rechner

+ + +
+

PHP

+
+
+

+

+
+
+ +

+ +

+
+
+ +
+
+ + +
+
+ + +
+

JAVASCRIPT

+

Das Ergebnis ist weiter unten.

+
+
+

+

+
+
+ +

+ +

+
+
+ +
+
+ +
+
+
+ +
+

Hier ist das Ergebnis

+


+
+ + + + diff --git a/progp/24-10-16/rechner.js b/progp/24-10-16/rechner.js new file mode 100644 index 0000000..508fa7a --- /dev/null +++ b/progp/24-10-16/rechner.js @@ -0,0 +1,28 @@ +document.addEventListener("DOMContentLoaded", function() { + var calculateBtn = document.getElementById("calculateBtn"); + var form = document.getElementById("calcFieldset"); + + form.addEventListener("submit", function(event) { + event.preventDefault(); // Verhindert das Absenden des Formulars + + // Hole die Werte aus den Feldern + var gewicht = parseFloat(document.getElementById("usr_gewicht_js").value); + var getrunken = parseFloat(document.getElementById("getraenk_anzahl_js").value); + var sex = document.querySelector('input[name="usr_sex_js"]:checked').value; + + // Berechnung + var alkoholmenge = getrunken * 5.5 * 8; + var verteilungsfaktor = (sex === "sex_male") ? 0.7 : 0.6; + + var alkoholspiegel = (alkoholmenge / (verteilungsfaktor * gewicht)) * 0.8 - 0.5; + alkoholspiegel = alkoholspiegel.toFixed(3); // Auf 3 Nachkommastellen runden + + // Ergebnis anzeigen + var resultElement = document.querySelector('.result'); + if (alkoholspiegel >= 0.3) { + resultElement.innerHTML = `Ihr Alkoholspiegel liegt bei Promille. Sie dürfen nicht mehr Auto fahren.`; + } else { + resultElement.innerHTML = `Ihr Alkoholspiegel liegt bei Promille. Sie dürfen Auto fahren.`; + } + }); +}); diff --git a/progp/24-10-16/rechner.php b/progp/24-10-16/rechner.php new file mode 100644 index 0000000..c31085d --- /dev/null +++ b/progp/24-10-16/rechner.php @@ -0,0 +1,48 @@ + + + + + + Alkoholspiegel + + + + +

Rechner

+ +
+ = 0.3) { + echo "

Ihr Alkoholspiegel liegt bei Promille. Sie dürfen nicht mehr Auto fahren.

"; + } else if ($alkoholspiegel < 0.3){ + echo "

Ihr Alkoholspiegel liegt bei Promille. Sie dürfen Auto fahren.

"; + } else { + echo "

Es ist ein Fehler aufgetreten...

"; + echo "

----

"; + echo "

Bitte überprüfen Sie Ihre Eingaben!

"; + } + + ?> +
+ + + + + + \ No newline at end of file diff --git a/progp/css/blau-theme.css b/progp/css/blau-theme.css new file mode 100644 index 0000000..d655985 --- /dev/null +++ b/progp/css/blau-theme.css @@ -0,0 +1,64 @@ +.div_input{ + padding: 10px; +} + +body { + background-color: cornflowerblue; + margin: 2px; + font-family: Arial, sans-serif; +} +button { + color: white; + background-color: cornflowerblue; + border-radius: 24px; + border: 2px solid black; + height: 50px; + width: 90px; + text-align: center; +} +button:hover{ + background-color: white; + color: cornflowerblue; + cursor: pointer; + height: 57px; + width: 98px; +} +input { + background-color: white; + border: 5px outset black; + border-radius: 24px; + width: 180px; + height: 20px; + box-shadow: 0px 0px 5px 5px blue; + margin-left: 10px; +} +.main { + border: 5px; + border-style: dashed; + border-color: black; + padding-top: 10px; + padding-left: 15px; + padding-bottom: 10px; + border-radius: 24px; + margin-top: 10px; +} +.main2 { + border: 5px; + border-style: dashed; + border-color: cornflowerblue; + padding-top: 10px; + padding-left: 15px; + padding-bottom: 10px; + border-radius: 24px; + margin-top: 10px; +} +.dr { + color: white; + font-weight: bold; + text-decoration: underline; +} +p { + font-size: 16px; + color: black; + margin-bottom: 10px; +} \ No newline at end of file