JSFiddle - React, Tailwind, and code Playground

HTML

<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;
        }

JavaScript

function multiply() {

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

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