Appel d'un fichier js depuis un fichier html

Version imprimable

Bonjour,

J'ai lu l'exemple qu'il y a dans ce forum, mais cela ne m'aide pas.

Voici mon code html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Titre</title> <script src="/main.js" type='text/javascript'></script> </head> <body> </body> </html>
et voici le code javascript :
Code:

1 2 var monTitre = document.querySelector('h1'); monTitre.textContent = 'Hello world!';
ce code est issu d'un petit tutoriel en vue d'une expérience de javascript.

Merci

11/07/2017, 00h52
yahiko

Soit le slash est en trop, soit il manque un point.
"./main.js" ou simplement "main.js"

:salut:

Il n'y a pas de tag H1 dans votre HTML
Le JS doit s’exécuter après la construction du DOM ou après l'affichage de la page web

Exemple :

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
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<!-- cache-control avec max-age=60 pour le développement uniquement -->
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta name="author" content="Daniel Hagnoul">
  <title>test</title>
  <style>
    * {
      box-sizing: border-box;
    }
                h1 {
                        font-family: cursive;
                        font-size: 3rem;
                }
 
  </style>
  <script>
    'use strict';
                
                let elemTitre = null;
                
    document.addEventListener( "DOMContentLoaded", ev => {
                        
      // code du test
                        
                        elemTitre = document.querySelector( "h1" );
                        
                        elemTitre.textContent = "Bonjour les gens !";
                        
                        // fin code du test
      
    }, false );
    
    window.addEventListener( "load", ev => { 
                        
      // code du test
                        
                        elemTitre.style.color = "rgba( 175, 33, 80, 0.75 )";
                        
                        // fin code du test
                        
    }, false );
  </script>
</head>
<body>
	<h1>Un titre</h1>
</body>
</html>

11/07/2017, 09h31
philipix

merci,

Il manquait effectivement un tag h1.