Modification du titre avec jquery

Version imprimable

bonjour,
je souhaite modifier le titre avec jquery
mais cela ne marche pas je vous donne le code

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
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
<h1 id="titre principal">bonjour le monde</h1>
 
 
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
</script>
 
 
 
<script>
var nouveautitre=prompt("nv titre");
$("#titre principal").text(nouveautitre);
</script>
 
 
</body>
</html>

merci

20/09/2017, 16h26
Toufik83

bonjour,
un id, ne peux pas avoir d'espace entre les mots => id="titre principal", sépare les deux mots avec un tiret underscore "_" ou "-".
et n'oublie pas de le changer aussi dans le sélecteur jquery

Code:

$("#titre principal").text(nouveautitre);

bonjour j'ai fait ce que tu m'as demandé mais cela ne marche toujours pas:

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
 
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
<h1 id="titre-principal">bonjour le monde</h1>
 
 
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
</script>
 
 
 
<script>
var nouveautitre=prompt("nv titre");
$("#titre-principal").text(nouveautitre);
</script>
 
 
</body>
</html>

merci

20/09/2017, 17h40
Toufik83
c'est normal que ça ne fonctionne pas, vu que tu as mis la source du script en dehors de la balise <script>.
Code:

1 2 3 4 <script> src="https://code.jquery.com/jquery-2.1.0.js"> </script>
ce qui fait que jQuery n'est pas défini dans le document.
il faut toujours ouvrir la console d'erreur pour savoir ce qui se passe.

j'ai fait cela mais rien ne se passe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
 
<h1 id="titre-principal">bonjour le monde</h1>
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
 
var nouveautitre=prompt("nv titre");
$("#titre-principal").text(nouveautitre);
 
</script>
 
 
</body>
</html>

merci

:scarymov: tu n'as pas fait ce que j'ai dis :koi:
il faut changer ça :
Code:

1 2 <script> src="https://code.jquery.com/jquery-2.1.0.js">
en ça :
Code:

1 2 <script src="https://code.jquery.com/jquery-2.1.0.js">

20/09/2017, 18h30
jmc41320

merci bcp