Javascript - stisk klávesy

Ukázka kompletního kódu, který po stitku  klávesy, vypíše její číselný (ascii?) kód.

<html>
<body onkeypress="myFunction(event)">

<p>Ťukni na něco</p>


<script>
function myFunction(event) {
    alert("Stiskls klavesu"+event.charCode);    //reaguje na klavesy ciselka pismenka +-, ale ignoruje sipky
    
    alert("Stiskls "+event.keyCode);    //reaguje na sipky a dalsi zvlastni klavesy ale na pismenka a cilsa hazi 0
}
</script>

</body>
</html>

 

Ukázka části kodu (z klávesnice pro děti), který po stisku klávesy vypíše stisknuté písmenko a spustí zvuk odpovídající písmenku.



<body onkeypress="stiskKlavesy(event);">
...


function stiskKlavesy(event){
		
		var cisloKlavesy1 = event.charCode;
		var cisloKlavesy2 = event.keyCode;
		var chcod=0;
		var zvuk="zvuk/-.mp3";
		vykresliZnak(event.key+"\n"+cisloKlavesy1+" "+cisloKlavesy2);
		if(cisloKlavesy1>96 && cisloKlavesy1<123){ //male pismenka
			chcod=cisloKlavesy1-32;
			zvuk="zvuk/"+String.fromCharCode(cisloKlavesy1)+"2.mp3";
			
		}else if(cisloKlavesy1>64 && cisloKlavesy1<91){ //velke PISMENKA
			chcod=cisloKlavesy1;
		}else if(cisloKlavesy1>48 && cisloKlavesy1<58){ //cisla
			zvuk="zvuk/"+String.fromCharCode(cisloKlavesy1)+".mp3";
			chcod=cisloKlavesy1;
		}	
		vykresliZnak(String.fromCharCode(chcod));
		//alert(zvuk);
		audio.pause();
		audio = new Audio(zvuk);
		audio.play();
	}

       function vykresliZnak(znak){
		document.getElementById("potazka").innerHTML=znak;

	}
Kam dál?