Функция onclick не работает во внешнем файле javascript

Question

У меня есть кнопка, которая должна иметь onclick="submitItem()", но функция не работает, когда она создается во внешнем файле javascript (app.js).

<button class="btn" type="submit" onclick="submitItem()">Save</button>

Когда функция помещается между тегами скрипта, затем работает, но это не то, что я хочу.

  <script src="./js/app.js" type="module"></script>
  <script>
    function submitItem() {
      alert("works");
    }
  </script>

Но это не работает:

app.js

function submitItem() {
  alert("does not work");
}

Что я могу сделать?

Answer 1

Это не модуль. Не утверждай, что это так. Удалить type="module".

(Переменные верхнего уровня, в том числе созданные в объявлениях функций, относятся к модулю, а не как глобальные переменные в скриптах модуля ES6).