Canda Coding

- Juli 29, 2025

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Funny Momment | Webdevelop</title>
        <style>
            body {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                justify-content: center;
                gap: 10px;
                height: 100vh;
            }
            body input {
                text-align: center;
                font-size: 20px;
                width: 150px;
            }
            body button {
                cursor: pointer;
                width: 220px;
                height: 40px;
            }
            body p {
                font-size: 40px;
            }
        </style>
    </head>
    <body>
        <div class="inp">
            <input type="text">
            +
            <input type="text">
        </div>
        <p>results : <i style="color: white;" id="text">Hello World</i></p>
        <button id="sub">Sumbit</button>
        <script>
            var sub = document.getElementById("sub");
            var text = document.getElementById("text");

sub.onclick = function(){
                text.style.color = "black";
            }
        </script>
    </body>
    </html>

Cari Blog Ini

Webdevelop | Source Code

Canda Coding

Komentar

Posting Komentar

Postingan populer dari blog ini

Simple Portofolio

Clock Analog

Clock Digital