Smarte Gespräche und schlanke Zahlen: Wie ChatGPT und PHP deinen BMI berechnen und dich unterhalten
Tauchen Sie ein in die Welt intelligenter Gespräche und schlanker Zahlen! In diesem Blogbeitrag erfahren Sie, wie Sie mit ChatGPT und PHP nicht nur Ihren BMI berechnen, sondern auch die Möglichkeit haben, künstliche Intelligenz zu nutzen. Lassen Sie uns ein interaktives Gespräch führen und gemeinsam erkunden, wie Sie ein schönes PHP-Skript erstellen können, das auf Gewichts- und Größeneingaben reagiert und den BMI berechnet. Sind Sie bereit für diese spannende Kombination aus Technologie und Wellness? Dann lesen Sie weiter, um herauszufinden, welche Möglichkeiten ChatGPT und PHP für Sie bereithalten.
ChatGPT kann mit zwei relativ einfachen Fragen bzw. Befehlen innerhalb weniger Sekunden einen HTML- und PHP-Code erstellen, der problemlos in eine Homepage eingebaut werden kann.
Schreibe einen php code der den BMI berechnen kann
<!DOCTYPE html>
<html>
<head>
<title>BMI Rechner</title>
</head>
<body>
<h1>BMI Rechner</h1>
<?php
// Überprüfen, ob das Formular abgesendet wurde
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Überprüfen, ob Gewicht und Größe übermittelt wurden
if (isset($_POST["weight"]) && isset($_POST["height"])) {
// Gewicht und Größe aus dem Formular lesen
$weight = $_POST["weight"];
$height = $_POST["height"];
// BMI berechnen
$bmi = $weight / ($height * $height);
// BMI auf zwei Dezimalstellen runden
$bmi = round($bmi, 2);
// BMI kategorisieren
$category = "";
if ($bmi < 18.5) {
$category = "Untergewicht";
} elseif ($bmi >= 18.5 && $bmi < 25) {
$category = "Normalgewicht";
} elseif ($bmi >= 25 && $bmi < 30) {
$category = "Übergewicht";
} else {
$category = "Adipositas";
}
// Ergebnis ausgeben
echo "<p>Ihr BMI beträgt: $bmi</p>";
echo "<p>Kategorie: $category</p>";
}
}
?>
<form method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
<label for="weight">Gewicht (in kg):</label>
<input type="number" name="weight" id="weight" required><br>
<label for="height">Größe (in Metern):</label>
<input type="number" name="height" id="height" step="0.01" required><br>
<input type="submit" value="BMI berechnen">
</form>
</body>
</html>
ChatGPT:
Dieser Code erstellt ein einfaches HTML-Formular, in dem der Benutzer sein Gewicht und seine Größe eingeben kann. Nach dem Absenden des Formulars wird der BMI berechnet und zusammen mit der Kategorie (Untergewicht, Normalgewicht, Übergewicht oder Adipositas) angezeigt.
Bitte beachten Sie, dass dies ein grundlegendes Beispiel ist und keine Validierungen oder Sicherheitsmaßnahmen enthält. In einer produktiven Umgebung sollten Sie zusätzliche Überprüfungen und Absicherungen implementieren.
ChatGPT hat den Code für eine Standard-HTML-Seite, die ein Eingabeformular mit zwei Feldern für Gewicht und Größe enthält, erstellt. Dieses Formular sieht wie im Screenshot dargestellt aus.
Mit dem folgenden zweiten Befehl soll Bootstrap-Framework eingebunden werden, damit das Formular ein ansprechendes modernes Design erhält.
Nutze das Bootstrap-Framework
<!DOCTYPE html>
<html>
<head>
<title>BMI Rechner</title>
<!-- Bootstrap CSS einbinden -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>BMI Rechner</h1>
<?php
// Überprüfen, ob das Formular abgesendet wurde
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Überprüfen, ob Gewicht und Größe übermittelt wurden
if (isset($_POST["weight"]) && isset($_POST["height"])) {
// Gewicht und Größe aus dem Formular lesen
$weight = $_POST["weight"];
$height = $_POST["height"];
// BMI berechnen
$bmi = $weight / ($height * $height);
// BMI auf zwei Dezimalstellen runden
$bmi = round($bmi, 2);
// BMI kategorisieren
$category = "";
if ($bmi < 18.5) {
$category = "Untergewicht";
} elseif ($bmi >= 18.5 && $bmi < 25) {
$category = "Normalgewicht";
} elseif ($bmi >= 25 && $bmi < 30) {
$category = "Übergewicht";
} else {
$category = "Adipositas";
}
// Ergebnis ausgeben
echo "<div class='alert alert-info'>Ihr BMI beträgt: $bmi</div>";
echo "<div class='alert alert-info'>Kategorie: $category</div>";
}
}
?>
<form method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
<div class="form-group">
<label for="weight">Gewicht (in kg):</label>
<input type="number" name="weight" id="weight" class="form-control" required>
</div>
<div class="form-group">
<label for="height">Größe (in Metern):</label>
<input type="number" name="height" id="height" step="0.01" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">BMI berechnen</button>
</form>
</div>
<!-- Bootstrap JS einbinden -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
In dieser Version wurden Bootstrap-Klassen hinzugefügt, um das Formular und die Ergebnisanzeige zu gestalten. Das Formular verwendet die Bootstrap-Klasse "form-group" für die Eingabefelder und den Button. Die Ergebnisanzeige wird mit Hilfe der Bootstrap-Klasse "alert" gestaltet, um einen informativen Stil zu erzeugen.
Bitte beachten Sie, dass Sie immer noch das Bootstrap-CSS und das Bootstrap-JavaScript über die entsprechenden CDN-Links einbinden müssen, um sicherzustellen, dass das Framework ordnungsgemäß funktioniert.
ChatGPT hat in den Zeilen 6 und 62 das Bootstrap-CSS und das Bootstrap-JavaScript über sogenannte CDN-Links (Content-Delivery-Network) eingebunden. Diese Dateien werden aus externen Quellen geladen. Außerdem wurden in die Tags der entsprechenden Elemente class-Attribute mit den jeweiligen Bootstrap-Klassen (form-control, btn, btn-primary etc.) eingefügt.
Das Formular sieht nun wie folgt aus:
Ein einfacher Test zeigt, das dass Formular und damit der von ChatGPT generierte Code fehlerfrei funktionieren.
