Multiples erreurs signalées

Version imprimable

Bonjour je fais un site pour les tpe et j'ai un problème je crois qu'il y a eu une mise à jour du js et j'ai un problème mon js ne marche plus ! :evilred:

Code:

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
var area1 = document.getElementById("area1");
var fleche1 = document.getElementById("fleche1");
var bulle1 = document.getElementById("bulle1");
var ha1 = document.getElementById("ha1");
 
var area2 = document.getElementById("area2");
var fleche2 = document.getElementById("fleche2'");
var bulle2 = document.getElementById("bulle2");
var ha2 = document.getElementById("ha2");
 
var fleche1.style.visibility = 'hidden';
var bulle1.style.visibility = 'hidden';
var ha1.style.visibility = 'hidden';
 
var fleche2.style.visibility = 'hidden';
var bulle2.style.visibility = 'hidden';
var ha2.style.visibility = 'hidden';
 
area1.addEventListener("mouseover", function () {
 
    fleche1.style.visibility = "visible";
    bulle1.style.visibility = "visible";
    ha1.style.visibility = "visible";
 
});
 
area1.addEventListener("mouseout", function () {
 
    fleche1.style.visibility = "hidden";
    bulle1.style.visibility = "hidden";
    ha1.style.visibility = "hidden";
 
});
 
 
area2.addEventListener("mouseover", function () {
 
    fleche2.style.visibility = "visible";
    bulle2.style.visibility = "visible";
    ha2.style.visibility = "visible";
 
});
 
area2.addEventListener("mouseout", function () {
 
    fleche2.style.visibility = "hidden";
    bulle2.style.visibility = "hidden";
    ha2.style.visibility = "hidden";
 
});

et la console avec Bracket

Citation:

ESLint (1)
ESLint arrêté avec l’erreur suivante : timeout
JSLint (4)
12
Expected ';' and instead saw '.'. var fleche1.style.visibility = 'hidden';
12
Expected '.' at column 1, not column 12. var fleche1.style.visibility = 'hidden';
12
Expected an identifier and instead saw '.'. var fleche1.style.visibility = 'hidden';
12
Stopping. (23% scanned). var fleche1.style.visibility = 'hidden';

09/11/2018, 17h57
Archimède
Bonjour,

Tu as déjà défini tes variables js... donc ;
Code:

1 2 3 var fleche1.style.visibility = 'hidden'; var bulle1.style.visibility = 'hidden'; var ha1.style.visibility = 'hidden';
c'est faux

Ici tu définis les propriétés CSS de tes objets en les déclarant comme des variables. Il y a forcément un problème...
Code:

1 2 3 4 5 fleche1.style.visibility = 'hidden'; bulle1.style.visibility = 'hidden'; ha1.style.visibility = 'hidden'; //etc...
Mieux vaut faire tes déclarations CSS en dehors du code JS...
09/11/2018, 19h11
Invité

Bonjour,

1- Ajoute en début de script JS :

Code:

"use strict";

Ca affichera toutes les erreurs.

2- Regarde les erreurs dans la console, et corrige-les.
09/11/2018, 19h49
BabaProg

je le mais ou le " use strict" ???
09/11/2018, 20h00
Invité

DTC. *

Il me semble l'avoir dit :

Citation:

en début de script JS

*Dans Ton Code

oui mais mon js ait dan un doucment à part (il n'ait pas dans le html) donc en gros ça donne sa ?

Code:

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
 
 
 "use strict";
 
var area1 = document.getElementById("area1");
var fleche1 = document.getElementById("fleche1");
var bulle1 = document.getElementById("bulle1");
var ha1 = document.getElementById("ha1");
 
var area2 = document.getElementById("area2");
var fleche2 = document.getElementById("fleche2'");
var bulle2 = document.getElementById("bulle2");
var ha2 = document.getElementById("ha2");
 
var fleche1.style.visibility = 'hidden';
var bulle1.style.visibility = 'hidden';
var ha1.style.visibility = 'hidden';
 
var fleche2.style.visibility = 'hidden';
var bulle2.style.visibility = 'hidden';
var ha2.style.visibility = 'hidden';
 
area1.addEventListener("mouseover", function () {
 
    fleche1.style.visibility = "visible";
    bulle1.style.visibility = "visible";
    ha1.style.visibility = "visible";
 
});
 
area1.addEventListener("mouseout", function () {
 
    fleche1.style.visibility = "hidden";
    bulle1.style.visibility = "hidden";
    ha1.style.visibility = "hidden";
 
});
 
 
area2.addEventListener("mouseover", function () {
 
    fleche2.style.visibility = "visible";
    bulle2.style.visibility = "visible";
    ha2.style.visibility = "visible";
 
});
 
area2.addEventListener("mouseout", function () {
 
    fleche2.style.visibility = "hidden";
    bulle2.style.visibility = "hidden";
    ha2.style.visibility = "hidden";
 
});