- Unnötige Datei gelöscht
- erste aufgabe fertig - zweite aufgabe mit style gemacht (style war nicht geforder)
This commit is contained in:
@@ -11,9 +11,6 @@
|
||||
<form action="ausgabe.php">
|
||||
<label for="usr_vn">Vorname:</label>
|
||||
<input type="text" id="usr_vn" name="vorname" required><br><br>
|
||||
|
||||
<label for="usr_nn">Nachname:</label>
|
||||
<input type="text" id="usr_nn" name="nachname" required><br><br>
|
||||
|
||||
<button>Ab damit!</button>
|
||||
</form>
|
||||
|
||||
23
progp/24-10-2/kreis_rechnen_1.html
Normal file
23
progp/24-10-2/kreis_rechnen_1.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kreis rechner</title>
|
||||
<link rel="stylesheet" href="style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kreis rechner</h1>
|
||||
<div class="main">
|
||||
<form action="kreis_rechnen_1.php">
|
||||
<label for="kreis_radius">Radius (in cm):</label>
|
||||
<input type="number" id="kreis_radius" name="radius" required><br><br>
|
||||
|
||||
<button>Ab damit!</button>
|
||||
</form>
|
||||
</div>
|
||||
<footer>
|
||||
<p>von daniel</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
30
progp/24-10-2/kreis_rechnen_1.php
Normal file
30
progp/24-10-2/kreis_rechnen_1.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ergebnis</title>
|
||||
<link rel="stylesheet" href="style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Ergebnis:</h1>
|
||||
<div class="main">
|
||||
<?php
|
||||
/* Kreis*/
|
||||
$radius= $_REQUEST['radius'];
|
||||
$flaeche = M_PI * ($radius * $radius);
|
||||
$umfang = 2 * M_PI * $radius;
|
||||
echo "<p>Der <label class='drinne'>Kreisradius</label> beträgt: <label class='drinne'>". $radius. "</label> cm. </p>";
|
||||
echo "<p>Der <label class='drinne'>Kreisfläche</label> beträgt: <label class='drinne'>". $flaeche ."</label> cm². </p>";
|
||||
echo "<p>Der <label class='drinne'>Kreisumfang</label> beträgt: <label class='drinne'>". $umfang ."</label> cm. </p>";
|
||||
|
||||
?>
|
||||
<div>
|
||||
<button onclick="window.location.href='kreis_rechnen_1.html'">Zurück</button>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>von daniel</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
46
progp/24-10-2/style.css
Normal file
46
progp/24-10-2/style.css
Normal file
@@ -0,0 +1,46 @@
|
||||
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: azure;
|
||||
border: 2px solid black;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.main {
|
||||
border: 5px;
|
||||
border-style: dashed;
|
||||
border-color: black;
|
||||
padding-top: 10px;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 24px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.drinne {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user