REFLEKSI IF
Contoh codingan tanpa menggunkan CSS(murni)
<form method="post" action="">
<label>Masukkan Nilai:</label>
<input type="text" name="nilai">
<input type="submit" value="Proses">
</form>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nilai = $_POST['nilai'];
if (is_numeric($nilai)) {
if ($nilai >= 85) {
$predikat = "A";
echo "Predikat: $predikat - Baik Sekali";
} elseif ($nilai >= 70) {
$predikat = "B";
echo "Predikat: $predikat - Baik";
} elseif ($nilai >= 55) {
$predikat = "C";
echo "Predikat: $predikat - Cukup";
} elseif ($nilai >= 40) {
$predikat = "D";
echo "Predikat: $predikat - Kurang";
} else {
$predikat = "E";
echo "Predikat: $predikat - Sangat Kurang";
}
} else {
echo "Predikat Tidak Ditemukan.";
}
}
?>
output:
Codingan menggunakan css:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cek Predikat Nilai</title>
<style>
body {
background-color: #0a0f1f;
color: #00ffcc;
font-family: 'Courier New', monospace;
padding: 40px;
}
label {
color: #00ffff;
font-size: 18px;
}
input[type="text"], input[type="submit"] {
background-color: #111827;
border: 1px solid #00ffcc;
color: #00ffcc;
padding: 8px 12px;
border-radius: 5px;
font-family: 'Courier New', monospace;
}
input[type="submit"]:hover {
background-color: #00ffcc;
color: #0a0f1f;
cursor: pointer;
transition: 0.3s;
}
.output {
margin-top: 25px;
font-size: 20px;
border-left: 3px solid #00ffcc;
padding-left: 10px;
white-space: pre-wrap;
overflow: hidden;
animation: typing 2s steps(40, end);
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
.cursor {
display: inline-block;
width: 10px;
background-color: #00ffcc;
animation: blink 0.7s infinite;
margin-left: 5px;
}
@keyframes blink {
0%, 50% { opacity: 1; }
51%, 100% { opacity: 0; }
}
</style>
</head>
<body>
<h2>💻 Sistem Penilaian Otomatis</h2>
<form method="post" action="">
<label>Masukkan Nilai:</label><br>
<input type="text" name="nilai" placeholder="Contoh: 85">
<input type="submit" value="Proses">
</form>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nilai = $_POST['nilai'];
echo "<div class='output'>";
echo ">>> Mengevaluasi nilai...\n";
if (is_numeric($nilai)) {
if ($nilai >= 85) {
$predikat = "A";
echo "Predikat: $predikat - Baik Sekali";
} elseif ($nilai >= 70) {
$predikat = "B";
echo "Predikat: $predikat - Baik";
} elseif ($nilai >= 55) {
$predikat = "C";
echo "Predikat: $predikat - Cukup";
} elseif ($nilai >= 40) {
$predikat = "D";
echo "Predikat: $predikat - Kurang";
} else {
$predikat = "E";
echo "Predikat: $predikat - Sangat Kurang";
}
} else {
echo "Predikat tidak ditemukan";
}
echo "<span class='cursor'></span></div>";
}
?>
</body>
</html>
output:
Tidak ada komentar:
Posting Komentar