Appeler un sous programme depuis le programme principal

Version imprimable

bonjour, je souhaiterais mettre mes fonctions dans un sous programme à part, le solution que me donne l'ia ne fonctionne pas

index.html

Code:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="out"></div>
    <script type="module" src="main.js"></script>
</body>
</html>

main.js

Code:

1
2
3
import { affiche } from './second.js';
 
affiche();

second.js

Code:

1
2
3
export function affiche() {
  console.log("Bonjour");
}

dans le fichier index.html j'ai mis type="module" mais avec ou sans aucune différence
voici l'erreur à l'exécution de main.js dans Vsd

Citation:

Uncaught Error
at (program) (c:\Users\jm413\OneDrive\Desktop\js\main.js:28:1)

la ligne 28 correspond a l'import j'ai 27 commentaires au dessus

launch.json

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
    // Utilisez IntelliSense pour en savoir plus sur les attributs possibles.
    // Pointez pour afficher la description des attributs existants.
    // Pour plus d'informations, visitez : <a href="https://go.microsoft.com/fwlink/?linkid=830387" target="_blank">https://go.microsoft.com/fwlink/?linkid=830387</a>
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Lancer Chrome en utilisant localhost",
            "file": "${workspaceFolder}/index.html"
        }
    ]
}

merci beaucoup

19/11/2025, 14h05
Pytet

Bonjour,

Est-ce que tu utilises un serveur web local pour tester ton code ?

Pour fonctionner, l'url du fichier html dans ton navigateur doit utiliser le protocole http:// et pas le protocole file://, il faut utiliser un serveur web.

https://developer.mozilla.org/fr/doc...ssiques_%C2%BB
19/11/2025, 14h49
jm3741

rebonjour,
en utilisant wampserver, j'ai ce message :

Citation:

main.js:28 Uncaught SyntaxError: Cannot use import statement outside a module
content-scripts.js:1 Content Script Bridge: Sending response back to page context: Object

pourtant dans mon fichier HTML, j'écris bien <script> type="module" src="main.js></script>.

Merci.
19/11/2025, 14h58
jm3741

en fait cela fonctionne
je te remercie beaucoup
19/11/2025, 15h01
Obsidian

Bonjour,
En supposant que l'extrait que tu nous présentes est exact (copier-coller ?), type et source sont des attributs de la balise script et doivent donc être déclarés en son sein. En outre, il manque un guillemet après main.js.

Il faut donc écrire :

Code:

<script type="module" src="main.js"></script>

… et non

Code:

<script> type="module" src="main.js></script>