ETH VALIDATOR TERMINAL - Code html - Easy-Paste.online

<!DOCTYPE html>
<html>
<head>
    <title>ETH Validator Terminal</title>
    <style>
        body {
            background: #000;
            color: #00ff00;
            font-family: monospace;
            margin: 0;
            padding: 20px;
        }

        .terminal {
            border: 2px solid #00ff00;
            padding: 15px;
            height: 500px;
            overflow-y: auto;
        }

        .header {
            color: cyan;
            margin-bottom: 10px;
        }

        button {
            background: #111;
            color: #00ff00;
            border: 1px solid #00ff00;
            padding: 10px;
            cursor: pointer;
            margin-top: 10px;
        }

        button:hover {
            background: #00ff00;
            color: #000;
        }
    </style>
</head>
<body>

<div class="header">
    ETH Validator Terminal v1.0
</div>

<div class="terminal" id="terminal">
    > Initializing Ethereum Validator...<br>
</div>

<button onclick="startValidator()">Start Validator</button>

<script>
function log(message) {
    const terminal = document.getElementById("terminal");
    terminal.innerHTML += "> " + message + "<br>";
    terminal.scrollTop = terminal.scrollHeight;
}

function startValidator() {
    log("Connecting to Ethereum network...");
    
    setTimeout(() => {
        log("Syncing beacon chain...");
    }, 1000);

    setTimeout(() => {
        log("Validator active.");
    }, 2000);

    setTimeout(() => {
        log("Attestation submitted successfully.");
    }, 3000);

    setTimeout(() => {
        let reward = (Math.random() * 0.01).toFixed(6);
        log("Reward earned: " + reward + " ETH");
    }, 4000);
}
</script>

</body>
</html>