<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Formulářová šablona</title>
 
    <style>
    	p {display:flex}
    	p label {display:block; width: 10em }
    </style>
 
    <script>
    /* <![CDATA[ */
 
    function provedVypocet(){
	    var vstup1_hodnota = document.getElementById('vstup1').value
	    var vstup2_hodnota = document.getElementById('vstup2').value
 
	    var vystup = "Výchozí výstup"
	    //vyzkoušej:
	    //vystup = vstup1_hodnota + vstup2_hodnota
	    //
	    vystup = parseInt(vstup1_hodnota) + parseInt(vstup2_hodnota)
 
	    document.getElementById('vystup').value = vystup
    }
    /* ]]> */
    </script>
</head>
 
<body>
<p>
 <label for="vstup1">Vstup 1</label>
 <input type="text" id="vstup1" name="vstup1" />
</p>
<p>
 <label for="vstup2">Vstup 2</label>
 <input type="text" id="vstup2" name="vstup2" />
</p>
 
<p>
 <label></label>
 <input type="submit" onclick="provedVypocet()" value="provedVypocet" />
</p>
 
<p>
 <label for="vystup">Výstup</label>
 <input type="text" disabled="disabled" id="vystup" name="vystup" />
</p>
 
 
</body>
</html>