โปรแกรมคำนวณเกรดภาษา php แบบมี textbox กรอกค่า และ bootstrap

โปรแกรมคำนวณเกรดภาษา php แบบมี textbox กรอกค่า และ bootstrap

ในโค้ดนี้:

  • เราใช้ Bootstrap 4 เพื่อจัดรูปแบบของหน้าเว็บ
  • เพิ่ม <link> เพื่อเรียกใช้ CSS ของ Bootstrap
  • ใช้คลาส container เพื่อจัดให้อยู่ในกรอบของ Bootstrap
  • ใช้คลาส form-group เพื่อจัดกลุ่มของฟอร์ม
  • ใช้คลาส form-control เพื่อสร้าง textbox ให้กับผู้ใช้กรอกค่า
  • ใช้คลาส btn และ btn-primary เพื่อสร้างปุ่มที่ใช้สำหรับคำนวณเกรด
<!DOCTYPE html>
<html>
<head>
    <title>โปรแกรมคำนวณเกรด</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>

<div class="container">
    <h2 class="mt-4">โปรแกรมคำนวณเกรด</h2>
    <form method="post">
        <div class="form-group">
            <label for="score">กรอกคะแนน:</label>
            <input type="text" class="form-control" id="score" name="score" placeholder="กรอกคะแนน">
        </div>
        <button type="submit" class="btn btn-primary">คำนวณเกรด</button>
    </form>
    <div class="mt-4">
        <?php
        if ($_SERVER["REQUEST_METHOD"] == "POST") {
            $score = $_POST['score'];
            $grade = calculateGrade($score);
            echo "คะแนนของคุณคือ: $score<br>";
            echo "เกรดของคุณคือ: $grade";
        }

        function calculateGrade($score) {
            if ($score >= 80) {
                return "A";
            } elseif ($score >= 70) {
                return "B";
            } elseif ($score >= 60) {
                return "C";
            } elseif ($score >= 50) {
                return "D";
            } else {
                return "F";
            }
        }
        ?>
    </div>
</div>

</body>
</html>
 

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

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

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

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

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

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

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

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