import module & appel fonction page HTML button

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:

---

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 ?

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

Code:

---

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:

---

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>

---

Merci beaucoup pour ton retour !