Il problema principale qua è che
document.write() funziona solo mentre la pagina è in caricamento, o subito alla fine dello stesso. Per aggiungere o modificare testo nella pagina una volta che questa è nel browser devi agire sull'
albero del documento.
Ad esempio: puoi prepararti un tag vuoto, recuperarlo tramite
id, e poi andarci a scrivere dentro il carattere premuto:
Codice HTML:
<html>
<head>
<meta charset="utf-8" />
<title>esempio keyCode</title>
<script type="text/javascript">
function mostraCodiceTasto(event) {
tasto = event.keyCode;
document.getElementById('carattere').innerHTML = tasto;
}
</script>
</head>
<body onkeydown="mostraCodiceTasto(event);">
<p>Premere un tasto qualsiasi: <span id="carattere"></span></p>
</body>
</html>