JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<!-- indique le type de document au navigateur -->
<html lang="fr">
  <!-- indique la langue du document -->

  <head>
    <!-- balise ,contient les informations (metadonnées) du document -->
    <meta charset="UTF-8" />
    <!-- détermine le jeu de caratères , comme la prise en charge des accents-->
    <title>calul trajet robot</title>
    <!-- détermine le texte dans l'onglet du navigateur web -->
  </head>
  <body>
    <!-- balise ,détermine le corps du document -->
    En info_test
    <canvas id="test" width="2000" height="1000"></canvas>
    <!-- Détermine une surface de dessin en bitmap -->

    <script type="application/javascript">
      // traitement des données , importation d'un script externe : <script src="javascript.js">
      var mespoints = [
        [1, 1],
        [4, 5],
        [2, 17],
        [8, 18],
        [11, 15],
        [9, 12],
        [12, 10],
        [17, 9],
        [16, 12],
        [21, 14],
        [26, 10],
        [23, 3],
        [20, 5],
        [13, 6],
        [10, 3],
        [11, 1],
        [1, 1],
      ]
      var coef_droite = [] // tableau contenant les coefs a,b,bb, et distance entre b et bb  y=ax+b et parallele : y=ax+bb
      //  var ptspara = [] // tableau a 2 dimensions, 1 dimension : numero du point  2ieme dimension= x ou y du point
      var tableau_pts = [] // tableau a 3 dimensions, 1 dimension = nbre de passage ; numero du point  2ieme dimension= dimension : numero du point 3ieme dim:x ou y du point
      var long_tab
      var larg_passage = 0.5

      long_tab = mespoints.length // donne  la longeur du tableau

      function draw() {
        // déclaration de la fonction draw -->
        const info_test = document.getElementById("test") // récupére les informations de l'id "test" -->

        if (info_test.getContext) {
          // test l'existance de l'objet contexte de dessin  -->
          const ctx = info_test.getContext("2d") // création de la variable pour dessiner   -->

    ...