fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Odd or Even Checker</title>
  7.     <style>
  8.     body{
  9.         font-family: arial , sans-serif;
  10.         margin: 0;
  11.         padding: 0;
  12.         display: flex;
  13.         justify-content: center;
  14.         align-items: center;
  15.         height: 100vh;
  16.     }
  17.  
  18. .container{
  19.     text-align: center;
  20. }
  21.  
  22.     </style>
  23. </head>
  24. <body>
  25.     <div class="container">
  26.         <h2>Enter a number to check if it's Odd or Even:</h2>
  27.         <input type="number" id="numberInput" placeholder="Enter a number">
  28.         <button onclick="checkNumber()">Check</button>
  29.         <p id="result"></p>
  30.     </div>
  31.  
  32.     <script>
  33.         function checkNumber() {
  34.             var number = document.getElementById("numberInput").value;
  35.             if (number === "") {
  36.                 alert("Please enter a number");
  37.                 return;
  38.             }
  39.  
  40.             number = parseInt(number);
  41.             if (isNaN(number)) {
  42.                 alert("Please enter a valid number");
  43.                 return;
  44.             }
  45.  
  46.             var resultElement = document.getElementById("result");
  47.             if (number % 2 === 0) {
  48.                 resultElement.innerText = number + " is an even number.";
  49.             } else {
  50.                 resultElement.innerText = number + " is an odd number.";
  51.             }
  52.         }
  53.     </script>
  54. </body>
  55. </html>
  56.  
Success #stdin #stdout 0.03s 25676KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Odd or Even Checker</title>
    <style>
    body{
        font-family: arial , sans-serif;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

.container{
    text-align: center;
}

    </style>
</head>
<body>
    <div class="container">
        <h2>Enter a number to check if it's Odd or Even:</h2>
        <input type="number" id="numberInput" placeholder="Enter a number">
        <button onclick="checkNumber()">Check</button>
        <p id="result"></p>
    </div>

    <script>
        function checkNumber() {
            var number = document.getElementById("numberInput").value;
            if (number === "") {
                alert("Please enter a number");
                return;
            }

            number = parseInt(number);
            if (isNaN(number)) {
                alert("Please enter a valid number");
                return;
            }

            var resultElement = document.getElementById("result");
            if (number % 2 === 0) {
                resultElement.innerText = number + " is an even number.";
            } else {
                resultElement.innerText = number + " is an odd number.";
            }
        }
    </script>
</body>
</html>
https://ideone.com/jSV9BU
language:
PHP (php 7.3.5)
created:
16 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!