fork download
copy 
  1. // php dan html
  2.  
  3. <?php
  4. function hitungUmur($tanggalLahir) {
  5.     $tanggalSekarang = new DateTime();
  6.     $umur = $tanggalSekarang->diff(new DateTime($tanggalLahir));
  7.  
  8.     return $umur;
  9. }
  10.  
  11. function tambahTanggalLahir($tanggal) {
  12.     global $dataTanggalLahir;
  13.  
  14.     if (strtotime($tanggal) !== false) {
  15.         array_push($dataTanggalLahir, $tanggal);
  16.         echo "<div>Tanggal lahir $tanggal telah ditambahkan.</div>";
  17.     } else {
  18.         echo "<div style='color: red;'>Tanggal yang dimasukkan tidak valid! Harap masukkan format tanggal yang benar.</div>";
  19.     }
  20. }
  21.  
  22. $dataTanggalLahir = array();
  23.  
  24. if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  25.     if (!empty($_POST['tanggal_lahir'])) {
  26.         $tanggalLahir = $_POST['tanggal_lahir'];
  27.         tambahTanggalLahir($tanggalLahir);
  28.     }
  29. }
  30.  
  31. function tampilkanHasilUmur() {
  32.     global $dataTanggalLahir;
  33.     if (count($dataTanggalLahir) == 0) {
  34.         echo "<div>Tidak ada data tanggal lahir untuk dihitung.</div>";
  35.         return;
  36.     }
  37.  
  38.     echo "<h3>Hasil Perhitungan Umur:</h3>";
  39.     foreach ($dataTanggalLahir as $tanggalLahir) {
  40.         $umur = hitungUmur($tanggalLahir);
  41.         echo "<div>Tanggal Lahir: $tanggalLahir | Umur:" . $umur->y . "tahun</div>";
  42.     }
  43. }
  44. ?>
  45.  
  46. <!DOCTYPE html>
  47. <html lang="en">
  48. <head>
  49.     <meta charset="UTF-8">
  50.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  51.     <title>AGE CALCULATOR</title>
  52.     <link rel="stylesheet" href="styles.css">
  53. </head>
  54. <body>
  55.     <h1>AGE CALCULATOR</h1>
  56.     <div class="container">
  57.         <form method="POST">
  58.             <div class="form-group">
  59.                 <label for="tanggal_lahir">Masukkan Tanggal Lahir </label> 
  60.                 <input type="text" id="tanggal_lahir" name="tanggal_lahir" required>
  61.             </div>
  62.             <div class="form-group">
  63.                 <button type="submit">Hitung Umur</button>
  64.             </div>
  65.         </form>
  66.  
  67.         <div class="results">
  68.             <?php tampilkanHasilUmur(); ?>
  69.         </div>
  70.     </div>
  71. </body>
  72. </html>
  73.  
  74.  
  75.  
  76. /// ini css
  77.  
  78.  
  79.  
  80. body {
  81.     background-image: url(indah.jpeg);
  82.     background-size: cover;
  83. }
  84.  
  85. h1 {
  86.     text-align: center;
  87. }
  88. .container {
  89.     max-width: 500px;
  90.     margin: 0 auto;
  91.     padding: 20px;
  92.     background-color: white;
  93.     box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
  94.     border-radius: 8px;
  95. }
  96. .form-group {
  97.     margin-bottom: 15px;
  98. }
  99. .form-group label {
  100.     font-weight: bold;
  101. }
  102. .form-group input {
  103.     width: 100%;
  104.     padding: 10px;
  105.     margin-top: 5px;
  106.     border-radius: 4px;
  107.     border: 1px solid #ccc;
  108. }
  109. .form-group button {
  110.     width: 100%;
  111.     padding: 10px;
  112.     background-color: #4CAF50;
  113.     color: white;
  114.     border: none;
  115.     border-radius: 4px;
  116.     cursor: pointer;
  117. }
  118. .form-group button:hover {
  119.     background-color: #45a049;
  120. }
  121. .results {
  122.     margin-top: 20px;
  123. }
  124.  
Success #stdin #stdout #stderr 0.02s 25692KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
// php dan html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AGE CALCULATOR</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>AGE CALCULATOR</h1>
    <div class="container">
        <form method="POST">
            <div class="form-group">
                <label for="tanggal_lahir">Masukkan Tanggal Lahir </label> 
                <input type="text" id="tanggal_lahir" name="tanggal_lahir" required>
            </div>
            <div class="form-group">
                <button type="submit">Hitung Umur</button>
            </div>
        </form>

        <div class="results">
            <div>Tidak ada data tanggal lahir untuk dihitung.</div>        </div>
    </div>
</body>
</html>



/// ini css



body {
    background-image: url(indah.jpeg);
    background-size: cover;
}

h1 {
    text-align: center;
}
.container {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
    border-radius: 8px;
}
.form-group {
    margin-bottom: 15px;
}
.form-group label {
    font-weight: bold;
}
.form-group input {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.form-group button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.form-group button:hover {
    background-color: #45a049;
}
.results {
    margin-top: 20px;
}
stderr
copy 
PHP Notice:  Undefined index: REQUEST_METHOD in /home/aH2F9V/prog.php on line 24
https://ideone.com/S6feOF
language:
PHP (php 7.3.5)
created:
2 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!