JSFiddle - React, Tailwind, and code Playground

by Kleofáš Hatlapatka

HTML

<body>
        <p>Trénujeme počty
        <br />
        <input type="text" id="cislo1" size="5" /> 
            + 
        <input type="text" id="cislo2" size="5" />
            =
        <input type="text" id="uzivatel" size="5" /><br />
        <input type="button" id="tlacitko" value="Spočti!"></p>
</body>

JavaScript

$(document).ready(function() {
        $("#tlacitko").click(function() {
                var cislo1 = $("#cislo1").val();
                var cislo2 = $("#cislo2").val();
                var uzivatel = $("#uzivatel").val();
                var vysledek = parseInt(cislo1) + parseInt(cislo2);
               
       
            if (uzivatel == vysledek)
            { 
               $("#vypis").add("<div>Ano, výsledek se rovná " + vysledek + ", jsi dobrý počtář.</div>").appendTo(document.body);
            }
            else
            {
               $("#vypis").add("<div>Bohužel, výsledek se rovná " + vysledek + ", nezoufej a zkus to znovu.</div>").appendTo(document.body); 
            }
            
        });
});