How can I call a function in my HTML which is loaded using <script type="module">?

Question

index.html:

  <script type="module" src="./index.js"></script>
  <body>
    <button onclick="myFunc()">click</button>
  </body>
  <script type="module">
    import Dog from './dog.js';
    let dog = new Dog();
    function myFunc(){
      dog.doSomething();
    }
  </script>

The script cant be called since i have type="module". If i dont have module I cant access the Dog class. How do I connect the html events with the modules?

Maybe of interest: Loading a Modern Application with <script type=module> — GolezTrol
– GolezTrol, Commented Oct 23, 2017 at 10:19

Quentin · Accepted Answer · 2017-10-23 10:19:49Z

5

Bind event handlers from JavaScript using addEventListener.

document.querySelector("button").addEventListener("click", myFunct);

Don't use intrinsic event attributes.

answered Oct 23, 2017 at 10:19

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I call a function in my HTML which is loaded using <script type="module">?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related