?

≤ 100

Source Code

<style>
    h1 {
      color: green;
    }
  </style>

<h1 id="the-positive-integer">?</h1>
  <button id="the-button">Random Positive Integer</button> ≤
  <span id="the-upper-value">100</span>
  <p>
  <input id="the-upper-range" type="range" min="1" max="100" step="1" value="100">
  </p>

<script>

let upper;
    const thePosInt = document.getElementById("the-positive-integer");
    const theButton = document.getElementById("the-button");
    const theUpperValue = document.getElementById("the-upper-value");
    const theUpperRange = document.getElementById("the-upper-range");

function updateUpper() {
      upper = theUpperValue.innerHTML = theUpperRange.value;
    }
    function displayRandomInteger() {
      thePosInt.innerHTML = Math.trunc(1 + Math.random() * upper);
    }

theButton.addEventListener("click", displayRandomInteger);
    theUpperRange.addEventListener("change", updateUpper);
    updateUpper();

</script>

VCHS Computer Science

Pages

Random Positive Integer

?

Source Code