File manager - Edit - /home/kridsana/webapp.cm.in.th/663012801/u66301280015/P001/index.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>กรอกคะแนน</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header class="Header"> <div class="center"> <h1>กรอกคะแนน</h1> <div class="cardbox"> <div class="card"> <div> <label for="test_score">จิตพิสัย</label><br> <input type="number" id="test_score" name="test_score" class="inputpoint" placeholder="กรอกคะแนน"><br> </div> </div> <div class="card"> <div> <label for="quiz">แบบทดสอบ</label><br> <input type="number" id="quiz" name="quiz" class="inputpoint" placeholder="กรอกคะแนน"><br> </div> </div> <div class="card"> <div> <label for="job">งาน</label><br> <input type="number" id="job" name="job" class="inputpoint" placeholder="กรอกคะแนน"><br> </div> </div> <div class="card"> <div> <label for="final_exam">สอบปลายภาค</label><br> <input type="number" id="final_exam" name="final_exam" class="inputpoint" placeholder="กรอกคะแนน"><br> </div> </div> </div> <button onclick="calculateGrade()" class="btn">คำนวณคะแนน</button> <div id="result" class="result"> <p>คะแนนรวม: <span id="total_score">0</span></p> <p>เกรด: <span id="grade">-</span></p> </div> <!-- ตารางการตัดคะแนน --> <div class="grade-table"> <h2>เกณฑ์การตัดเกรด</h2> <table> <thead> <tr> <th>เกรด</th> <th>คะแนนที่ได้</th> </tr> </thead> <tbody> <tr><td>A</td><td>80+</td></tr> <tr><td>B+</td><td>75 - 79</td></tr> <tr><td>B</td><td>70 - 74</td></tr> <tr><td>C+</td><td>65 - 69</td></tr> <tr><td>C</td><td>60 - 64</td></tr> <tr><td>D+</td><td>55 - 59</td></tr> <tr><td>D</td><td>50 - 54</td></tr> <tr><td>F</td><td>0 - 49</td></tr> </tbody> </table> </div> </div> </header> <script> function calculateGrade() { // ดึงค่าจาก input let test_score = parseFloat(document.getElementById('test_score').value) || 0; let quiz = parseFloat(document.getElementById('quiz').value) || 0; let job = parseFloat(document.getElementById('job').value) || 0; let final_exam = parseFloat(document.getElementById('final_exam').value) || 0; // คำนวณคะแนนรวม let total_score = test_score + quiz + job + final_exam; document.getElementById('total_score').textContent = total_score; // คำนวณเกรด let grade = ''; if (total_score >= 80) { grade = 'A'; } else if (total_score >= 75) { grade = 'B+'; } else if (total_score >= 70) { grade = 'B'; } else if (total_score >= 65) { grade = 'C+'; } else if (total_score >= 60) { grade = 'C'; } else if (total_score >= 55) { grade = 'D+'; } else if (total_score >= 50) { grade = 'D'; } else { grade = 'F'; } // แสดงเกรด document.getElementById('grade').textContent = grade; } </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.79 |
proxy
|
phpinfo
|
Settings