From bff07dc7aeaeebdd051afc6a42b22ee1c19e446b Mon Sep 17 00:00:00 2001
From: danielvici123 <94993276+danielvici@users.noreply.github.com>
Date: Wed, 2 Oct 2024 13:50:51 +0200
Subject: [PATCH] - Aufgabe aus PROG (UMDREHER.html und UMDREHER.php)

---
 progp/24-10-2/UMDREHER.html | 26 ++++++++++++++++++++++++++
 progp/24-10-2/UMDREHER.php  | 31 +++++++++++++++++++++++++++++++
 progp/24-10-2/style.css     | 12 ++++++++++--
 3 files changed, 67 insertions(+), 2 deletions(-)
 create mode 100644 progp/24-10-2/UMDREHER.html
 create mode 100644 progp/24-10-2/UMDREHER.php
diff --git a/progp/24-10-2/UMDREHER.html b/progp/24-10-2/UMDREHER.html
new file mode 100644
index 0000000..c2b456b
--- /dev/null
+++ b/progp/24-10-2/UMDREHER.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UMDREHER</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="main">
+        <h1>UMDREHER</h1>
+        <form action="prog_a2.php">
+            <div class="div_input">
+                <label for="nr_1" class="l if">Nummer 1</label>
+                <input type="number" name="nummer_eins" id="nr1"><br>
+            </div>
+            <div class="div_input">
+                <label for="nr_2" class="l if">Nummer 2</label>
+                <input type="number" name="nummer_zwei" id="nr_2"><br>
+            </div>
+
+            <button type="submit">Tauschen</button>
+        </form>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/progp/24-10-2/UMDREHER.php b/progp/24-10-2/UMDREHER.php
new file mode 100644
index 0000000..1dd929c
--- /dev/null
+++ b/progp/24-10-2/UMDREHER.php
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UMDREHER</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="main">
+        <h1>UMDREHER</h1>
+        <?php
+            $nr_1 = $_REQUEST['nummer_eins']; // 5
+            $nr_2 = $_REQUEST['nummer_zwei']; // 10
+            $nr_tausch = $nr_1;
+            // 10         10
+
+            //5      5
+            $nr_1 = $nr_2;
+            // 5      10
+            $nr_2 = $nr_tausch;
+            echo "
+            <div class='div_input'>
+                <label for='nr_1' class='l if'>Nummer 1:<label class='dr'>". $nr_1."</label></label>
+                <br><label for='nr_2' class='l if'>Nummer 2: <label class='dr'>". $nr_2."</label></label>
+            </div>
+            "
+        ?>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/progp/24-10-2/style.css b/progp/24-10-2/style.css
index 31ecfec..67c404e 100644
--- a/progp/24-10-2/style.css
+++ b/progp/24-10-2/style.css
@@ -1,3 +1,7 @@
+.div_input{
+    padding: 10px;
+}
+
 body {
     background-color: cornflowerblue;
     margin: 2px;
@@ -20,9 +24,13 @@ button:hover{
     width: 98px;
 }
 input {
-    background-color: azure;
-    border: 2px solid black;
+    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;
