JSFiddle - React, Tailwind, and code Playground

by zono

HTML

<!DOCTYPE html>
<html>
<body>
    <div>
        Идеята на тази страница е да покаже решение с JavaScript на изчисляване 
        на факториел от число. В единия случай с итеративен метод в другия с 
        формулата на Стирленг.
        Въведете числото в текстовото поле и кликнете върху изчисли бутона: 
        <hr/>
        <div id="calculationHolder">
        <input type="text" id="inputNubmer"/>
        <input type="button" id="calculateButton" value="Изчисли"/>
        <div id="resultContainer">
            
        </div>
        </div>
         <hr/>
    </div>
</body>
</html>

CSS

body {
  padding: 20px;
  text-align: justify;  
}

#calculationHolder {
    text-align: center;
}

#calculationHolder div {
    text-align: left;
}

JavaScript

function calculateFactorielIteration(n) {
    var rval=1;
    for (var i = 2; i <= n; i++)
        rval = rval * i;
    return rval;
}

function calculateFactorielWithStirleng(n) {
    return Math.sqrt(2*Math.PI*n)*Math.pow(n/Math.E,n);
}

$(document).on("click", "#calculateButton", function(){
    if (/^[1-9][0-9]*$/.test($("#inputNubmer").val())) {
        var input = parseInt($("#inputNubmer").val(), 10);
        var resultContainer = $("#resultContainer");
        resultContainer.empty();
        resultContainer.append($("<div> Резултати:</div>"));
        resultContainer.append($("<div> Итеративен метод: " + calculateFactorielIteration(input) + "</div>"));
        resultContainer.append($("<div> С формулата на Стирленг: " + calculateFactorielWithStirleng(input) + "</div>"));
    }
});