Une syntax error

**aertys** · 31/12/2014, 15h42

bonjour à tous,

je vous donne d'abord out mon code ensuite j'ai mis l'erreur:

HTML

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
	<head>
		<meta http-equiv='content-type' content='text/html' charset='utf-8' />
		<title>Mario mouvant</title>
		<link rel='icon' href='favicon.ico' />
		<script type='text/javascript' src='js/mario_mouvant_html.js'></script>
		<script type='text/javascript' src='js/mario_mouvant.js'></scrip
	<body>  
	 </body> 
</html>

mario_mouvant_html.js

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
26
27
28
29
30
var fig = document.createElement ('figure');
	fig.id = 'mario',
	fig.style.position = 'relative';
 
var mario = document.createElement ('img');
	mario.alt = "Mario ne s'affiche pas. Veuillez patienter ou recommencez";
var choix = prompt ("Veuillez choisir votre personnage." + \n +
							"m pour Mario" + \n +
							"l pour Luigi" + \n +
							"w pour Wario.");
 
	choix = choix.toLowerCase();
 
	switch (choix) {
		case 'm':
			mario.src = "../img/Mario.png";
			break;
		case 'l':
			mario.src = "../img/Luigi.png";
			break;
		case 'w':
			mario.src = "../img/Wario.png";
			break;
		default:			
			mario.src = "../img/Mario.png";
			break;
	}
 
fig.appendChild(mario);
body.appendChild(fig):

en lançant cette page HTML,il ne m'afiche rien. j'ai donc ouvert une console web qui m'affiche l'erreur suivante:

SyntaxError: illegal character mario_mouvant_html.js;

q

**ryan** · 31/12/2014, 15h50

Yop,

A première vue: je placerais les \n entre guillemets.

**lysandro** · 31/12/2014, 16h03

En complément de ce qu'à déjà répondu Ryan

Il y a en un peu partout ... celle que j'ai vu (uniquement les erreurs de syntaxe) sont corrigées dans ton code ci-dessous
HTML

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
	<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
	<head>
		<meta http-equiv='content-type' content='text/html; charset=utf-8' charset='utf-8' />
		<title>Mario mouvant</title>
		<link rel='icon' href='favicon.ico' />
		<script type='text/javascript' src='js/mario_mouvant_html.js'></script>
		<script type='text/javascript' src='js/mario_mouvant.js'></script>
	<body>  
	 </body> 
</html>

mario_mouvant_html.js

Code javascript :

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
var fig = document.createElement ('figure');
	fig.id = 'mario',; // pas une erreur de syntaxe
	fig.style.position = 'relative';
	
var mario = document.createElement ('img');
	mario.alt = "Mario ne s'affiche pas. Veuillez patienter ou recommencez";
var choix = prompt ("Veuillez choisir votre personnage." + "\n" +
							"m pour Mario" + "\n" +
							"l pour Luigi" + "\n" +
							"w pour Wario.");
							
	choix = choix.toLowerCase();
								
	switch (choix) {
		case 'm':
			mario.src = "../img/Mario.png";
			break;
		case 'l':
			mario.src = "../img/Luigi.png";
			break;
		case 'w':
			mario.src = "../img/Wario.png";
			break;
		default:			
			mario.src = "../img/Mario.png";
			break;
	}

fig.appendChild(mario);
body.appendChild(fig):;

edit: l'attribut charset dans la balise meta a été introduit en html5, il n'existe pas en xhtml1.0.

**aertys** · 31/12/2014, 18h39

pouvez-vous m'expliquer ceci;

body.appendChild(fig):;

**ryan** · 31/12/2014, 19h41

Yop!

On ajoute une balise figure, nommée "fig", dans le body de la page.

**aertys** · 01/01/2015, 12h16

en fait c'est surtout ce symbole dont je voudrais une explication

:

**ryan** · 01/01/2015, 12h36

Yop,

M'attendais tellement peu a le voir là que je ne l'ai pas aperçu...
A ma connaissance, ces deux points ne servent à rien et ne devraient pas être là.

Une syntax error

JavaScript

Vue hybride

Discussions similaires

Partager

Partager