schuledaniel/2bki21
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Aufgabe aus PROG (UMDREHER.html und UMDREHER.php)

Browse Source
This commit is contained in:
danielvici123
2024-10-02 13:50:51 +02:00
parent aee03902ed
commit bff07dc7ae
3 changed files with 67 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
progp/24-10-2/UMDREHER.html Normal file
View File

@@ -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>

31
progp/24-10-2/UMDREHER.php Normal file
View File

@@ -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>

12
progp/24-10-2/style.css
View File

@@ -1,3 +1,7 @@
.div_input{
padding: 10px;
}
body { body {
background-color: cornflowerblue; background-color: cornflowerblue;
margin: 2px; margin: 2px;
@@ -20,9 +24,13 @@ button:hover{
width: 98px; width: 98px;
} }
input { input {
background-color: azure; background-color: white;
border: 2px solid black; border: 5px outset black;
border-radius: 24px; border-radius: 24px;
width: 180px;
height: 20px;
box-shadow: 0px 0px 5px 5px blue;
margin-left: 10px;
} }
.main { .main {
border: 5px; border: 5px;