<!DOCTYPE html>
<html lang="FR">
  <head>
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
    <style>
      /* Un peu de forme. */
      html
      {
        background: #050505;
        color: #D0F5D0;
      }
    </style>
  </head>
  <body>
    <!-- Texte interactif-->
    <p>
      Les coordonnées sont <em id="X">X</em> et <em id="Y">Y</em>.
    </p>
  </body>
  <script type="application/javascript">
  //<![CDATA[
  console.log('Début');
  var boucle;//ID de boucle.
  var drapeau = false;//Interrupteur de boucle.
  function suivre(trace)
  {
    if(drapeau)
    {
      document.getElementById("X").innerHTML = trace.offsetX;
      document.getElementById("Y").innerHTML = trace.offsetY;
    }
    else
    {
      document.getElementById("X").innerHTML = "X";
      document.getElementById("Y").innerHTML = "Y";
    }
  }
  function autoriser(coups)
  {
    drapeau = !drapeau;
  }
  
  window.addEventListener("click", autoriser);
  window.addEventListener("mousemove", suivre);
  console.log('Fin');
  //]]>
  </script>
</html>