JSFiddle - React, Tailwind, and code Playground

HTML

<script>
  function multiply() {

    let num = parseInt(document.getElementById("factorialInput").value);
    console.log(num);
    let sum = 1;
    for (let i = 1; i <= num; i++) {
      sum = sum * i;
      console.log(sum);
    }

    document.getElementById("result2").innerHTML = "All of the numbers between 1 and " + num + " multiplied together equals: " + sum;
  }

</script>
<div class="row">
  <form id="enterValue">
    Enter a number between 1 and 10:
    <input id="factorialInput" type="number" max="10" size="20" />
    <input type="button" value="Submit" onclick="multiply();" max="10" />
  </form>
  <br><br>
  <div id="result2"></div>
</div>

CSS

.row {
  height: 200px;
}

.small-row {
  display: flex;
  flex-wrap: wrap;
}

.left-column {
  float: left;
}