paudom19 Posted June 25, 2021 Share Posted June 25, 2021 (edited) <html lang="en"> <head> <!-- SEO --> <meta content="Test, PHP, JS" name="keywords" /> <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"> <meta content="ie=edge" http-equiv="X-UA-Compatible"> <meta content="DHIF19 Test" name="description"> <meta charset="UTF-8" /> <!-- Fonts --> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <style> * { font-family: Montserrat, sans-serif; margin: 5px; } </style> <title>DHIF19 | Beispiel 2</title> </head> <body> <?php // 1. Erste Abarbeitung (Assoziatives Array Ausgabe) print_r($_POST); // 2. Zweite Abarbeitung (Berechnen einer Potenz) // Button btn1 ist der "Schreibe-Button" // Ich mache hier Number 1 und Number 2 global, ist leichter fuer mich $num1 = $_POST['num1']; $num2 = $_POST['num2']; if (isset($_POST["btn1"])) { $result = pow($num1, $num2); echo "<br>" . "Die Potenz ergibt folgendes Ergebnis: " . $result; } if (isset($_POST["btn2"])) { $file = fopen("daten.txt", "a+"); fputs($file, $num1); fputs($file, " und "); fputs($file, $num2); fputs($file, " wurden eingelesen!"); fputs($file, "\n"); fclose($file); echo "<p>Im iFrame spiegeln sich die Daten ab, die eingegeben wurden: </p>"; echo "<iframe src='daten.txt' name='show' frameborder='0' style='width: 25%; height: 25vh;'></iframe>"; echo "<br>" . "<a href='table.php'>Hier zur Table Datei</a>"; } // Hier machen wir eine random Number zwischen 1 und 20 einfach so :) // KW Logik - Wenn man Button 3 drueckt, dann muss bei Action ja table.php stehen, ums zum funzen zu bringen ;) $randomnumber = rand(1, 20); if (isset($_POST["btn3"])) { print_r($_POST); echo "<br>"; echo "<br>"; if (empty($_POST["num1"]) || empty($_POST["num2"])) { echo "<p style='text-align:center;'><strong>[-]</strong> Vergessen, Werte einzutragen!</p>"; } else { echo "<div class='container'>"; echo "<table class='table table-striped table-hover'>"; echo "<thead>"; echo "<tr>"; for ($i = 0; $i < $_POST["num1"]; $i++) { echo "<th style='text-align: center;' scope='col'>(-‿-)</th>"; } echo "</tr>"; echo "</thead>"; echo "<tbody>"; for ($i = 0; $i < $_POST["num2"]; $i++) { echo "<tr>"; for ($j = 1; $j < $_POST["num1"] + 1; $j++) { echo "<td style='text-align: center;'>", $randomnumber, "</td>"; } echo "</tr>"; } echo "</tbody>"; echo "</table>"; echo "</div>"; } } ?> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <!-- SEO --> <meta content="Test, PHP, JS" name="keywords" /> <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"> <meta content="ie=edge" http-equiv="X-UA-Compatible"> <meta content="DHIF19 Test" name="description"> <meta charset="UTF-8" /> <!-- Fonts --> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <style> * { font-family: Montserrat, sans-serif; } #filename { width: 40%; } #num1, #num2 { width: 15%; } button { margin-top: 1.5em; } </style> <!-- JS --> <script> const makealert = () => { alert("Mashallah, hier ist ein Alert mit Pfeilfunktion, das kann der KW nicht hahah") } </script> <title>DHIF19 | Beispiel 1</title> </head> <body> <!-- Simple HTML Datei ohne besondere Angaben --> <div class="container"> <h3 style="margin-bottom: 1.3em; margin-top: 1.3em;">Formular</h3> <form action="welcome.php" method="POST"> <div class="form-group"> <label for="filename">Dateiname</label> <input type="text" class="form-control" name="file" placeholder="Dateiname" id="filename"> </div> <div class="form-group"> <label for="num1">Zahl <strong>a</strong></label> <input type="number" class="form-control" name="num1" placeholder="Gib eine Zahl ein" id="num1"> </div> <div class="form-group"> <label for="num2">Zahl <strong>b</strong></label> <input type="number" class="form-control" name="num2" placeholder="Gib eine Zahl ein" id="num2"> </div> <button type="submit" name="btn1" class="btn btn-primary">Schreibe</button> <button type="submit" name="btn2" class="btn btn-primary">Inhalt</button> <br> <button type="submit" name="btn3" class="btn btn-primary">Tabelle</button> <button name="btn4" onclick="makealert()" class="btn btn-primary">JS Button</button> </form> </div> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </head> <body class="container" style="background: <?php if (isset($_POST["hintergrund"])) echo $_POST["hintergrund"] ?>"> <h2>Coole PHP Übung</h2> <p>Hintergrundfarbe wird geändert</p> <form action="<?php echo $_SERVER["SCRIPT_NAME"]; ?>" method="POST"> <div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" placeholder="Name" name="name" id="name"> </div> <div class="container"> <label for="quantity">Wert:</label> <input type="number" id="wert" name="wert" min="1" max="20"> <input type="submit"> <p>Hintergrundfarbe</p> <div class="form-check"> <label class="form-check-label" for="radio1"> <input type="radio" class="form-check-input" id="radio1" name="hintergrund" value="#FF1234" checked>Rot </label> </div> <div class="form-check"> <label class="form-check-label" for="radio2"> <input type="radio" class="form-check-input" id="radio2" name="hintergrund" value="#FFFF00">Gelb </label> </div> <div class="form-check"> <label class="form-check-label" for="radio3"> <input type="radio" class="form-check-input" id="radio3" name="hintergrund" value="#8FEC95">Grün </label> </div> <div class="form-check"> <label class="form-check-label" for="radio4"> <input type="radio" class="form-check-input" id="radio4" name="hintergrund" value="#FFA000">Orange </label> </div> <button type="submit" class="btn btn-primary" name="absenden">Submit</button> </form> </div> <?php print_r($_POST); // define variables and set to empty values $name = $email = $gender = $comment = $website = ""; if (isset($_POST["absenden"]) && isset($_POST["hintergrund"])) { echo "<p><em>Neuer Hintergrund</em></p>"; } // $name = $_POST["name"]; // $wert = $_POST["wert"]; echo "<br><a>Name: </a>"; if (isset($_POST["name"])) { $name = $_POST["name"]; echo " $name <br>"; $fptr = fopen("cooleAusgabe.txt", "a+"); fputs($fptr, $name . "\n"); fclose($fptr); } echo "<br><a>Wert: </a>"; if (isset($_POST["wert"])) { $wert = $_POST["wert"]; echo " $wert <br>"; $fptr = fopen("cooleAusgabe.txt", "a+"); fputs($fptr, $wert . "\n"); fclose($fptr); } echo "Eingabe: " . $name . " Wert: " . $wert; echo "<br><br><br><a>Alle Eingaben: </a><br>"; $filepointer = fopen("cooleAusgabe.txt", "r"); while (!feof($filepointer)) { $zeile = fgets($filepointer); printf("%s", $zeile); } fclose($filepointer); ?> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet"> <!-- Bootstrap --> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" rel="stylesheet"> <script crossorigin="anonymous" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script> <title>Fontsize-Changer</title> <style> * { font-family: Montserrat, sans-serif; } #exampleFormControlTextarea1 { width: 30%; } </style> </head> <body> <h2 style='text-align: center; margin: 1.5em;'> <strong> Change Fontsize </strong> </h2> <div class="container"> <form action="<?php echo $_SERVER["SCRIPT_NAME"]; ?>" method="POST"> <div class="container"> <p></p> <div class="form-group"> <label for="exampleFormControlTextarea1">Change Fontsize</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="1" name="size"></textarea> <small>You can write all possible ways to change a font-size</small> </div> <br> <button type="submit" class="btn btn-primary" name="submit">Submit</button> </div> </form> </div> <p style=" font-size: <?php if (isset($_POST["size"])) echo $_POST["size"] ?>; text-align: center;"><mark style="background: cyan"> ... Change me ...</mark></p> </body> </html> Edited June 25, 2021 by paudom19 Not available for others 1 Link to comment Share on other sites More sharing options...
frofed Posted June 25, 2021 Share Posted June 25, 2021 very good 1 Link to comment Share on other sites More sharing options...
paudom19 Posted June 25, 2021 Author Share Posted June 25, 2021 Thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now