Created
September 13, 2022 09:28
-
-
Save altilunium/061ac1d4459135c80d6cfe88983ed8b7 to your computer and use it in GitHub Desktop.
branching html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <p>Masukkan nama dan umur Anda | |
| <body> | |
| <form action="" id="ff"> | |
| Nama: <br/> | |
| <input type="text" id="nama"><br/> | |
| Umur: <br/> | |
| <input type="number" id="umur"><br/> | |
| <input type="submit" value="Klik" onclick="kirim()"> | |
| </form> | |
| <div id="info">nya</div> | |
| </body> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Halaman Web yang Memvalidasi Masukan dari Pengguna</title> | |
| <script> | |
| var form = document.getElementById('ff'); | |
| // Adds a listener for the "submit" event. | |
| form.addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| }); | |
| function kirim(){ | |
| var x =document.getElementById("info"); | |
| var nama = document.getElementById('nama').value; | |
| var umur = document.getElementById('umur').value; | |
| if (nama == "") { | |
| return alert('Isikan Nama!'); | |
| } | |
| if (umur <= 5){ | |
| x.innerHTML = 'Anda masih bayi'; | |
| } else if (umur >= 6 && umur <= 15){ | |
| x.innerHTML = 'Anda masih anak-anak'; | |
| } else if (umur >= 16 && umur <= 30){ | |
| x.innerHTML = 'Anda masih remaja'; | |
| } else if (umur >= 31){ | |
| x.innerHTML = 'Anda sudah dewasa'; | |
| } else { | |
| x.innerHTML = 'Anda game over' ; | |
| } | |
| } | |
| </script> | |
| </head> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment