14. Check Given number is even or odd.

    <!DOCTYPE html>
    <html lang="en">
        
        
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Even or Odd Checker</title>
        <style>
            body {
                font-family: Arial, sans-serif;
                margin: 20px;
                padding: 20px;
                border: 1px solid #ccc;
                border-radius: 5px;
                max-width: 400px;
            }
        
        
            #result {
                margin-top: 20px;
                font-size: 1.2em;
                color: #333;
            }
        </style>
        <script>
            function even() {
                var n = document.getElementById("val").value;
        
        
                // Check if the input is empty or not a number
                if (n === "" || isNaN(n)) {
                    document.getElementById("result").innerHTML = "Please enter a valid number.";
                    return;
                }
        
        
                // Convert the input to a number
                n = Number(n);
        
        
                // Determine if the number is even or odd
                if (n % 2 === 0) {
                    document.getElementById("result").innerHTML = n + " is an even number.";
                } else {
                    document.getElementById("result").innerHTML = n + " is an odd number.";
                }
            }
        </script>
    </head>
        
        
    <body>
        
        
        <h3>Check if a Number is Even or Odd</h3>
        <label for="val">Enter a number:</label>
        <input type="number" id="val" aria-describedby="numberHelp">
        <button type="button" onclick="even()">Check</button>
        <hr>
        <p id="result" aria-live="polite"></p>
    </body>
        
        
    </html>

Output

        No Output Available