6: Miam - saison 3 : Consommée

La souris avait raison de se méfier. Ce chat a un petit creux.

Cette partie est juste pour s'amuser.
Si vous êtes en retard (ou si êtes trop angoissés par ce qu'il pourrait arriver à la souris), vous pouvez passer.

On veut déterminer si le chat attrape la souris. Pour ça, on va faire des vérifications toutes les 50 millisecondes.

setInterval, qu'on a déjà utilisé, permet d'appeler une fonction régulièrement.

En utilisant:

  const rectChat  =  chat.getBoundingClientRect();
  const rectSouris=souris.getBoundingClientRect();

determinez les conditions pour que ces deux rectangles se touchent.

Affichez alors « Miam » dans un alert.


La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.