Kommunikation zwischen JS-Modul und HTML (in Fullduplex)

Question

Ich habe ein Inline-Modul-Skript mit anderen Modulen aus einem Projekt. Ich brauche Onclick oder alles andere arbeiten mit Modulfunktionen von html zu nennen ..

<script type="module"> 
    import * as blabla from './somemodule.js'; 

    function myfunction(){ 
     console.log("Youhou!"); 
    } 

    //Communication from script to html works fine 
    document.getElementById('test').onclick = myfunction; 
</script> 
<button id="test">Test</button> 
<button onclick="myfunction();">Test</button>//This dont work 

dies überhaupt möglich ist? Kann nichts bei Google finden und ich bin ein guter googler. Vielen Dank!

Answer 1

onClick="myFunction()" 

oder

jQuery('#clickable').click(myFunction()); 

Es gibt auch VanillaJS Lösung für die ...

getElementById('clickable').addEventListener('click', myFunction())