onkeypress tastiera (event)

**Pierl** · 08-04-2022, 14:22

Scusate la banalitï¿½ e il disturbo, ma dopo innumerevoli infruttuose ricerche in rete chiedo aiuto per un compito che mia figlia (prima liceo), ai primissimi passi, deve fare per informatica.

Su un lavoro fatto in classe deve apportare a casa queste modifiche secondo queste istruzioni dell professoressa.
Muovere con alcuni dei tasti della tastiera anzichï¿½ con i bottoni (per esempio, 'a' per sinistra, 'd' per destra, 's' per sotto e 'w' per sopra).... bisogna mettere nel tag di apertura del body la proprietï¿½ onkeypress="tastiera(event)" (qualora la funzione Javascript si chiamasse tastiera) e creare, appunto, una funzione Javascript function tastiera(e) {//codice} ...e.key ci dice quale tasto della tastiera ï¿½ stato premuto.

Abbiamo messo nel tag body la proprietï¿½

codice:

<!DOCTYPE html>
<html lang="it">
  <head>
    <meta charset="utf-8">
    <title>gina che si muove attorno a giannozza</title>
    <link rel="stylesheet" href="index.css">
    <script type="text/javascript" src="indexx.js"></script>
  </head>
  <body onkeypress="tastiera(event)" id="corpo">
    <div onclick="spostaSu()" id="bottoneSu">SU</div>
    <div onclick="spostaGiu()" id="bottoneGiu">GIU</div>
    <div onclick="spostaDestra()" id="bottoneDestra">DX</div>
    <div onclick="spostaSinistra()" id="bottoneSinistra">SX</div>
    <div id="gina"></div>
    <div id="giannozza"></div>
  </body>
</html>

Abbiamo creato la funzione tastiera usando lo stesso codice dei tasti, solo che va con tutti i tasti, non riusciamo a dire di utilizzare un tasto specifico per destra sinistra ecc. La profe ha scritto questo una funzione Javascript function tastiera(e) {//codice} ...e.key ci dice quale tasto della tastiera ï¿½ stato premuto. ma quel e.key non capiamo come utilizzarlo

var x_gina=800;
var y_gina=450;
var x_giannozza=500;
var y_giannozza=250;


function tastiera(e) {x_gina=x_gina-25;
  document.getElementById('gina').style.left=x_gina+"px";}  


function spostaSu() {
  y_gina=y_gina-25;
  document.getElementById('gina').style.top=y_gina+"px";
}
function spostaGiu() {
  y_gina=y_gina+25;
  document.getElementById('gina').style.top=y_gina+"px";
}
function spostaSinistra() {
  x_gina=x_gina-25;
  document.getElementById('gina').style.left=x_gina+"px";
  //calcoliamo il centro della prima palla
  var x_centro_gina=x_gina+50;
  var y_centro_gina=y_gina+50;


}
function spostaDestra() {
  x_gina=x_gina+25;
  document.getElementById('gina').style.left=x_gina+"px";
}

Grazie in anticipo per l'aiuto.

Discussione: onkeypress tastiera (event)

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

onkeypress tastiera (event)

Permessi di invio