4.15: Correction: déplacement

jeu.js

let tux=document.getElementById('tux');

document.addEventListener('keydown',function(event){
  console.log('Touche enfoncée:',event.key);
  let rect=tux.getBoundingClientRect();
  console.log(rect);
  let d=300;
  let left=rect.left;
  let top=rect.top;
  if(event.key==='ArrowRight'){left+=d;}
  if(event.key==='ArrowLeft' ){left-=d;}
  if(event.key==='ArrowDown' ){top+=d;}
  if(event.key==='ArrowUp'   ){top-=d;}
  tux.style.left=left+"px";
  tux.style.top=top+"px";
});

Ça y est ... on a réussi à faire déplacer le pingouin !

Pour rendre les déplacements plus fluides on peut utiliser des transitions CSS.
Dans jeu.css, ajoutez la lige suivante à #tux:

    transition: top .3s, left .3s;

Cette ligne veut dire « Les changements de top et left prennent 0,3 secondes »