Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/663012801/u66301280014/P001/index.php
Arrière
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>คำนวณเกรด</title> <style> body { font-family: Arial, sans-serif; background-color: #E4F3D8; padding: 20px; } h2 { text-align: center; color: #333; } .form-container { background-color: #ffffff; padding: 20px; border: 1px solid #ccc; width: 300px; margin: 0 auto; } .form-container input { width: 100%; padding: 8px; margin: 10px 0; border: 1px solid #4CAF50; } .form-container input[type="submit"] { background-color: #007BFF; color: white; cursor: pointer; border: 1px solid #0056b3; } .form-container input[type="submit"]:hover { background-color: #0056b3; } .result { margin-top: 20px; padding: 10px; background-color: #e0f7fa; text-align: center; } </style> </head> <body> <div class="form-container"> <h2>คำนวณเกรด</h2> <form id="gradeForm"> <label for="spirit">จิตพิสัย (20 คะแนน)</label> <input type="number" id="spirit" max="20" required> <label for="test">แบบทดสอบ (30 คะแนน)</label> <input type="number" id="test" max="30" required> <label for="assignment">งาน (20 คะแนน)</label> <input type="number" id="assignment" max="20" required> <label for="final_exam">สอบปลายภาค (30 คะแนน)</label> <input type="number" id="final_exam" max="30" required> <input type="submit" value="คำนวณเกรด"> </form> <div id="result" class="result" style="display:none;"> <h3>ผลการคำนวณเกรด</h3> <p id="totalScore"></p> <p id="grade"></p> </div> </div> <script> document.getElementById('gradeForm').addEventListener('submit', function(event) { event.preventDefault(); var spirit = parseInt(document.getElementById('spirit').value) || 0; var test = parseInt(document.getElementById('test').value) || 0; var assignment = parseInt(document.getElementById('assignment').value) || 0; var finalExam = parseInt(document.getElementById('final_exam').value) || 0; // ตรวจสอบคะแนนว่าเกินขีดจำกัดหรือไม่ if (spirit > 20) spirit = 20; if (test > 30) test = 30; if (assignment > 20) assignment = 20; if (finalExam > 30) finalExam = 30; var totalScore = spirit + test + assignment + finalExam; var grade; if (totalScore >= 80) { grade = 'A'; } else if (totalScore >= 75) { grade = 'B+'; } else if (totalScore >= 70) { grade = 'B'; } else if (totalScore >= 65) { grade = 'C+'; } else if (totalScore >= 60) { grade = 'C'; } else if (totalScore >= 55) { grade = 'D+'; } else if (totalScore >= 50) { grade = 'D'; } else { grade = 'F'; } document.getElementById('totalScore').innerText = 'คะแนนรวม: ' + totalScore; document.getElementById('grade').innerText = 'เกรด: ' + grade; document.getElementById('result').style.display = 'block'; }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.1 |
proxy
|
phpinfo
|
Réglages