Untitled

<!DOCTYPE html>
<html lang="en">

<title> Display odd and even number of 2 digit integers. </title>
<link rel="stylesheet" href="main.css">

<head>
</head>

<body>

  <h1> Even and Odd of number from 0 to 99</h1>

  <p>Please input a number between 10 and 99:</p>

  <input id="number">
  <button type="button" onclick="myFunction()">Submit</button>

  <p id="input"></p>
  <div id="evens">
  </div>
  <div id="odds">
  </div>

  <script>
    function myFunction() {
      var x, text;
      var handleNumbers = function (x) {
        for (let i = 0; i < x; i++) {
          if (i % 2 !== 0) {
            document.getElementById('evens').innerHTML += `${i}${x - i > 2 ? ',' : ''} `
          }
          if (i % 2 === 0) {
            document.getElementById('odds').innerHTML += `${i}${x - i > 2 ? ',' : ''} `
          }
        }
      }

      x = document.getElementById("number").value;
      document.getElementById('evens').innerHTML = '';
      document.getElementById('odds').innerHTML = '';
      if (isNaN(x) || x < 10 || x > 99) {
        document.getElementById("input").innerHTML = "This is not a number between 10 and 99.";
      }
      else {
        handleNumbers(x)
      }
    }
  </script>

</body>


</html>