appeler un sous programme depuis le programme principale

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

index.html

Citation:

<!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

Citation:

import { affiche } from './second.js';

affiche();

second.js

Citation:

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

Citation:

{
// Utilisez IntelliSense pour en savoir plus sur les attributs possibles.
// Pointez pour afficher la description des attributs existants.
// Pour plus d'informations, visitez : https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Lancer Chrome en utilisant localhost",
"file": "${workspaceFolder}/index.html"
}
]
}

merci beaucoup

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

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

1 2 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.

en fait cela fonctionne
je te remercie beaucoup

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>