Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Validasi Format Email Sederhana</h2>
    <input type="text" id="emailInput" value="user@skillance.cloud" style="padding:8px; width:220px;">
    <button onclick="validasi()" style="padding:8px 15px; cursor:pointer;">Validasi</button>
    <p id="hasilValidasi"></p>

    <script>
        function validasi() {
            const email = document.getElementById('emailInput').value;
            // Pola regex sederhana: karakter + @ + domain + .ekstensi
            const polaEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            const valid = polaEmail.test(email);

            const out = document.getElementById('hasilValidasi');
            out.innerHTML = valid ? "<span style='color:green;'>Format Email Valid!</span>" : "<span style='color:red;'>Format Email Tidak Sah!</span>";
        }
        validasi();
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)