diff --git a/spacetaxi.html b/spacetaxi.html index f325552..71a8c0f 100644 --- a/spacetaxi.html +++ b/spacetaxi.html @@ -182,7 +182,7 @@ - + diff --git a/spacetaxi.js b/spacetaxi.js index 663d1f1..5e5c8bf 100644 --- a/spacetaxi.js +++ b/spacetaxi.js @@ -24,7 +24,7 @@ function init() { } -// Methode die n-Mal die Funktion, um ein Stern erstellen, aufruft +// Methode die n-Mal die Funktion, um ein Stern zu erstellen, aufruft function create_star_field(n) { for (let i = 0; i < n; i++) @@ -64,6 +64,7 @@ function create_star() star.style.top = `${y}px`; } +// JS Logik um auf Client Seite zu prüfen, ob das Passwort der Norm entspricht function check_password(e) { password = e.target.value; @@ -74,6 +75,8 @@ function check_password(e) { } } +// JS Logik um auf Client Seite zu prüfen, ob der Username der Norm entspricht +// Wenn der Username zu lang ist, ist die Feedbackseite verzerrt function check_username(e) { username = e.target.value; @@ -84,6 +87,7 @@ function check_username(e) { } } +// Finale JS Logik um vor dem Abschicken alle wichtige Felder zu prüfen function check_after_submitting(e) { form = e.target; @@ -124,6 +128,7 @@ function check_after_submitting(e) } +// Visuelles Feedback, falls Planet ausgewählt worden ist function printClicked(e) { const planet_id = e.currentTarget.id; const svg_element = e.currentTarget; @@ -141,10 +146,14 @@ function printClicked(e) { list_id[planet_index] = 1; } + // Falls ja, änder dynamisch den Score update_score() } +// Ändere den Score, wenn Event Listener ein bestimmtes Event registiert function update_score() { + + // Erhalte eine Referenz zum Score Element planet_sum = document.getElementById("planetensum"); dauer_sum = document.getElementById("dauersum"); kosten_sum = document.getElementById("kostensum"); @@ -152,7 +161,7 @@ function update_score() { current_sum = 0; id_sum = 0; - + // Zähle, wie viele Planeten ausgewählt worden sind for (let a = 0; a < 5; a++) { if (list_id[a] == 1) { current_sum += 1; @@ -160,14 +169,14 @@ function update_score() { } } - - dauer_sum.textContent = Math.round(id_sum / 2) + "y"; //dauer_sum.textContent += "d"; planet_sum.textContent = current_sum; let rocket_factor = 1.0; let rocket_selected = document.querySelectorAll("form")[0].spaceship.value; + + // Wähle Preisfaktor aus - abhängig von der ausgewählten Rakete switch (rocket_selected) { case "rocket1": rocket_factor = 1.5; break; case "rocket2": rocket_factor = 0.75; break; @@ -175,8 +184,11 @@ function update_score() { default: rocket_factor = 0; break; } + // Berechne schließlich Kosten kosten_sum.textContent = Math.round(id_sum * rocket_factor) + "M$"; + + // Setze die Werte jeweils in die HTML Elemente ein document.getElementById("planete").value = planet_sum.textContent; document.getElementById("dauer").value = dauer_sum.textContent; document.getElementById("kosten").value = kosten_sum.textContent; diff --git a/spacetaxi.php b/spacetaxi.php index ec59dd7..6ca0b73 100644 --- a/spacetaxi.php +++ b/spacetaxi.php @@ -14,12 +14,12 @@ switch($rocket) //Austattungsoptionen $optionen = ""; -if (($_POST["option1"])) $optionen .= "UV-Blenden, "; -if (($_POST["option2"])) $optionen .= "einer Mikrowelle, "; -if (($_POST["option3"])) $optionen .= "einer Schwebepizza, "; -if (($_POST["option4"])) $optionen .= "einem Marsweckle, "; -if (($_POST["option5"])) $optionen .= "einem Rover, "; -if (($_POST["option6"])) $optionen .= "einem PV-Panel, "; +if (isset($_POST["option1"])) $optionen .= "UV-Blenden, "; +if (isset($_POST["option2"])) $optionen .= "einer Mikrowelle, "; +if (isset($_POST["option3"])) $optionen .= "einer Schwebepizza, "; +if (isset($_POST["option4"])) $optionen .= "einem Marsweckle, "; +if (isset($_POST["option5"])) $optionen .= "einem Rover, "; +if (isset($_POST["option6"])) $optionen .= "einem PV-Panel, "; $optionen .= "einem blauen Lichtschwert"; //Scores