<!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>