Discussion :

[zlepoizon]

Bonjour à tous , j'ai un petit soucis au niveau d'un de mes scripts.

Dans une page HTML j'appelle un fonction getPrevious() via un bouton

Code html :

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

1
2
<button id="previous" onclick="getPrevious()">Question précédente</button>
<script src="set/js/script.js"></script>

Cette fonction fonctionne parfaitement

Ensuite j'importe par type module des data
(JS) import{mesDonnees} from './data.js';.

Je modifie mon type de script en lui indiquant que c'est un module
(PAGE HTML) <script type='module' src="set/js/script.js"></script>.

Suite à ce changement ma fonction n'est plus appelée et m'indique qu'elle n'est pas définie.
Un idée du comment je peux régler mon soucis ?

[Séb.]

Si j'ai bien compris, ce que tu cherches à faire revient à :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="module">
 
function test()
{
    alert("Salut !");
}
 
</script>
 
<button onclick="test()">TEST</button>

Or tu ne pourras pas accéder à une fonction JS définie dans un script de type module depuis ta page HTML.

Pour que ça fonctionne il faut définir le gestionnaire d'événements depuis le module JS, ex. :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="module">
 
function test()
{
    alert("Salut !");
}
 
document.getElementsByTagName("button")[0].addEventListener("click", test);
 
</script>
 
<button>TEST</button>

[zlepoizon]

Merci beaucoup pour ton retour !