Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html><html><body style="padding:20px;font-family:Arial"><input id="s" type="number" placeholder="Score 0-100" style="padding:8px;width:140px"><button onclick="g()" style="padding:8px 14px;background:#6366f1;color:white;border:none;border-radius:4px;margin-left:6px;cursor:pointer">Grade</button><p id="o"></p><script>function g(){const s=+document.getElementById("s").value;document.getElementById("o").innerHTML="Grade: "+(s>=90?"A ⭐":s>=80?"B":s>=70?"C":s>=60?"D":"F ❌");}</script></body></html>
Result
Open