Exécuter plusieurs fois le même code

**luchet** · 13/02/2017, 16h26

Bonjour
encore moi dans l'étude du JavaScript
j'étudie le code suivant dans l'ardoise JavaScript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
"use strict";
 
class Polygone {
  constructor(hauteur, largeur) {
 
    this.hauteur = hauteur;
    this.largeur = largeur;
  }
}
 
class Carre extends Polygone {
  constructor(longueurCôté) {
    super(longueurCôté, longueurCôté);
  }
  getAire() {
    return this.hauteur * this.largeur;
  }
  set longueurCôté(nouvelleLongueur) {
    this.hauteur = nouvelleLongueur;
    this.largeur = nouvelleLongueur;
  }
}
 
var monCarré = new Carre(2);
console.log(monCarré.getAire());

lors de la première exécution j'obtient bien 4
par contre si je refait une autre exécution de l'ardoise j'ai le message suivant :

Exception: SyntaxError: redeclaration of let Polygone

comment faire pour rendre la classe Polygone "configurable "???

Merci

**danielhagnoul** · 14/02/2017, 00h36

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <style>
 
  </style>
  <script>
    'use strict';
    
    class Polygone {
      constructor( hauteur = 1, largeur = 1 ) {
        this.hauteur = hauteur;
        this.largeur = largeur;
      }
    }
    
    class Carre extends Polygone {
      constructor( longueur = 1 ) {
        super( longueur, longueur );
      }
      get aire() {
        return this.hauteur * this.largeur;
      }
      set longueur( nouvelleLongueur = 1 ) {
        this.hauteur = nouvelleLongueur;
        this.largeur = nouvelleLongueur;
      }
    }
        
    document.addEventListener( 'DOMContentLoaded', ev => {
      
    }, false );
    
    window.addEventListener( 'load', ev => {
      
      let monCarre = new Carre( 2 );
      
      monCarre.longueur = 4;
      
      console.log( monCarre.aire );
      
    }, false );
  </script>
</head>
<body>
  <main>
 
  </main>
</body>
</html>

**NoSmoking** · 14/02/2017, 18h48

Bonjour,
il te faut faire un CTR +Maj + R, recharger et exécuter ou faire comme le propose Daniel l'exécuter dans un fichier autonome, ce qui reste pratique quand tu veux laisser des commentaires concernant ce que tu observes.

**luchet** · 17/02/2017, 16h50

Merci
Mais la combinaison Ctrl+Maj+R ne fonctionne pas elle me donne une fonction de Replacement
Par contre avec un clic droit le menu obtenu contient l'item recharger et exécuter ce que je voulais faire
Merci encore

Exécuter plusieurs fois le même code

JavaScript

Discussions similaires

Partager

Partager