krouzek:documentgetelementbyid

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Titulek</title>
 
    <style>
    /* Vychozi CSS stylovani prijde sem*/
 
 
 
    /* */
    </style>
 
    <script>
    /* <![CDATA[ */
    /* Sem prijde javascript kod */
 
	function overHeslo(){
		if(document.getElementById('heslo').value == "bagr"){
		document.body.innerHTML = 'Tajna cast'
		}
	}
 
	function zmenJmeno(){
		let jmeno = document.getElementById("jmeno").value
		jmeno = jmeno.toUpperCase().replace("A","B").replace("E","")
		document.getElementById("jmeno").value = jmeno
	}
 
    /* ]]> */
    </script>
</head>
 
<body>
	<p>Jmeno<input type="text" id="jmeno" oninput="zmenJmeno()" name="jmeno"></p>
	<p>Heslo<input type="password" id="heslo" name="heslo"></p>
	<input type="submit" value="Odesli" onclick="overHeslo()">
 
</body>
</html>