Appeler un sous programme depuis le programme principal

**jm3741** · 19/11/2025, 08h35

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

index.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>
<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 :

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

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

second.js

Code :

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

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

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 :

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

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

**Pytet** · 19/11/2025, 14h05

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

**jm3741** · 19/11/2025, 14h49

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

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.

**jm3741** · 19/11/2025, 14h58

en fait cela fonctionne
je te remercie beaucoup

**Obsidian** · 19/11/2025, 15h01

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 :

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

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

… et non

Code :

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

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

Appeler un sous programme depuis le programme principal

JavaScript

Discussions similaires

Partager

Partager