Véletlen számolás - Javascript

 Egy korábbi bejegyzésben írtam le egy véletlen szám kérdéssel kapcsolatos programot. A C# verzió itt található.Ennél a verziónál sokkal látványosabb a HTML - Javascript verzió, ami most kerül nemutatásra.


HTML:

<!DOCTYPE html>

<html lang="hu" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
    <script src="kulso.js"></script>
    <title></title>
</head>
<body>
    <input type="text" id="proba" ></input>
    <button onclick="indul()">indul</button>

    <h1 id="fej"></h1>
    <h1 id="iras"></h1>

 <h1 id="szfej"></h1>
     <h1 id="sziras"></h1>
</body>
</html>


Javascipt:

function indul() {

    var proba = document.getElementById("proba").value;


    var fej = 0;

    var iras = 0;

    var teszt = 0;

    var dobas = 0;


    for (var i = 0; i < proba; i++) {

        dobas = Math.floor(Math.random() * 2)+1;

    

        if (dobas == 1) {

            iras++;

        } else {

            fej++;

        }

    }


    document.getElementById("fej").innerHTML = fej;

    document.getElementById("iras").innerHTML = iras;

    var szazalekiras = (fej / proba) * 100;

    var szazalekfej = (iras / proba) * 100;


    document.getElementById("szfej").innerHTML = szazalekfej + "%";

    document.getElementById("sziras").innerHTML = szazalekiras + "%";


}


A program müködése során, amikor elindulunk bekérünk egy számot. Amit megadtunk annyi alkalommal kerül a véletlenszám generálása. Érdekes mód, ahogy a véletlenszám generálása történik. A sorsolás, mindig 0 és 1 között történik. Így ha két érték közül akarunk választani, 2-vel kell szorozni. Ez 1 és 0 lenne. Hogy igazi 1 és kettő legyen hozzá kell adni a kisorsolt értékhez. 
A program többi része jol olvasható. A DOM model könnyen biztosít adat kiviteli és beviteli útvonalat az ID-k segítségével.