kontrola hesla

<style>
#upozorneni {
  display: none;
}
</style>
<div id="upozorneni">Heslo není stejné!</div>
<input type="text" id="a" onkeyup="rychlaKontrola()"><br>
<input type="text" id="b" onkeyup="rychlaKontrola()"><br>
<input type="button" onclick="dumyslnaKontrola()" value="Zkontrolovat">
<script>


//vybíram si ze stránky jednotlivý objekty, se kterejma chci pracovat, pomocí 
//document.getElementById() a ukládam si je jako proměnný
var a=document.getElementById("a");
var b=document.getElementById("b");
var div=document.getElementById("div");

//fce, která se provede při stisku kláves
function rychlaKontrola() {
  if (a.value!=b.value) {
    upozorneni.style.display="block";//pokud hodnoty neouhlasí, zobrazí se div s textem
  } else {
      upozorneni.style.display="none";
    }
}


//fce, která se provede při stisknutí čudlíku
function dumyslnaKontrola() {
vsechnoJeVPoradku = true; //proměnná, která mi udržuje přehled o tom,
                          //jestli je všechno v pořádku
  if (a.value.length==0) {
    alert("První heslo není zadané!");
    vsechnoJeVPoradku = false; //něco není v pořádku, tak proměnnou nastavim na               
                                //false
  }
  
  if (b.value.length==0) {
    alert("Druhé heslo není zadané!");
    vsechnoJeVPoradku = false;
  }
  
  if (a.value!=b.value) {
    alert("Hesla nesouhlasí!");
    vsechnoJeVPoradku = false;
  }
  
  if (vsechnoJeVPoradku) {
    alert("Všechno je v pořádku!");
  }
}
</script>