Skip to main content
depInfo
  • English ‎(en)‎
    English ‎(en)‎ Français ‎(fr)‎
You are currently using guest access (Log in) [+]

S4 - R4.A.10 - JavaScript

  1. Home
  2. Courses
  3. 2ème année - FI
  4. JavaScript-S4
  5. Topic 3
  6. Sujet 3
Completion requirements

4.5

Ce pauvre chat s'ennuie. Il a envie de bouger!

pageX et pageY donnent des coordonnées par rapport au coin en haut à gauche de la page.
Ici on va utiliser offsetX et offsetY qui donnent des coordonnées par rapport au coin en haut à gauche du terrain.

Supposons qu'on ait déjà :

const terrain=document.getElementById('terrain');
const chat =document.getElementById('chat');

terrain.addEventListener('click',function(event){
let x=event.offsetX;
XYZ
});

Que faut-il écrire à la place de XYZ pour déplacer la position du chat à l'endroit cliqué ?
(juste pour la position X)
N'oubliez pas les unités. Utilisez les variables définies.
Essayez dans votre code d'abord.

Blocks

Skip Lesson menu

Lesson menu

Skip navigation
  • 1. Bienvenue au 3e sujet
  • 2. Révisions
  • 3. AJAX
  • 4. Miam - saison 1 : La rencontre
  • 5. Miam - saison 2 : La séparation
  • 6. Miam - saison 3 : Consommée
Skip Navigation

Navigation

  • Home

    • Site pages

      • My courses

      • Tags

    • My courses

    • Courses

      • 2ème année - FI

        • R3.01 - PHP

        • M3102 Réseaux S3

        • Optimisation

        • JavaScript-S4

          • General

          • Topic 1

          • Topic 2

          • Topic 3

            • LessonSujet 3

          • Topic 4

          • Topic 5

          • Topic 6

          • Topic 7

          • Topic 8

      • 1ère année - FI

      • 3ème année - FI

      • AS/FC

      • SD

      • Anciens cours

Supplementary blocks

You are currently using guest access (Log in)
JavaScript-S4
  • English ‎(en)‎
    • English ‎(en)‎
    • Français ‎(fr)‎
Data retention summary