โปรแกรมคำนวณหาค่าเฉลี่ย 3 ข้อมูล php textbox bootstrap

โปรแกรมคำนวณหาค่าเฉลี่ย 3 ข้อมูล php textbox bootstrap
ในโค้ดนี้เราใช้ Bootstrap 5 เพื่อจัดรูปแบบของฟอร์มและปุ่ม และมีโค้ด PHP เพื่อรับข้อมูลจากฟอร์มเมื่อส่งและคำนวณค่าเฉลี่ยของข้อมูลที่รับมาจากผู้ใช้ โปรแกรมจะแสดงผลลัพธ์ในหน้าเว็บด้วยการใช้ echo ใน PHP ในส่วนที่เหมาะสมของโค้ด HTML.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>คำนวณค่าเฉลี่ย</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+Knujsl5+z5vN1NlEvPhz3M9tuX99WJ4/4Fkpb4JaX4vBji" crossorigin="anonymous">
</head>
<body>

<div class="container mt-5">
  <h1>โปรแกรมคำนวณค่าเฉลี่ย</h1>
  <form method="post">
    <div class="mb-3">
      <label for="data1" class="form-label">ข้อมูลที่ 1</label>
      <input type="number" class="form-control" id="data1" name="data1" required>
    </div>
    <div class="mb-3">
      <label for="data2" class="form-label">ข้อมูลที่ 2</label>
      <input type="number" class="form-control" id="data2" name="data2" required>
    </div>
    <div class="mb-3">
      <label for="data3" class="form-label">ข้อมูลที่ 3</label>
      <input type="number" class="form-control" id="data3" name="data3" required>
    </div>
    <button type="submit" class="btn btn-primary">คำนวณ</button>
  </form>

  <?php
  if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Retrieve data from the form
    $data1 = $_POST['data1'];
    $data2 = $_POST['data2'];
    $data3 = $_POST['data3'];

    // Calculate average
    $average = ($data1 + $data2 + $data3) / 3;

    // Display the result
    echo "<h2 class='mt-4'>ค่าเฉลี่ย: $average</h2>";
  }
  ?>

</div>

</body>
</html>
 

รับเขียนเว็บไซต์ รับเขียนโปรแกรม ระบบต่างๆ SEO

Line : rayongall / โทร. 085-281-7096

http://line.me/ti/p/~rayongall

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • เปิดใช้งานตลอด

บันทึกการตั้งค่า