Как вызвать javascript функции внутри

Question

У меня есть простая страница HTML, которая импортирует модуль JS следующим образом:

.. snip
<button onclick="btnClick()">Go!</button>

<script type="module">
import { func1 } from './utils.js'

function btnClick() {
   func1()
}
</script>

Нажатие на кнопку приводит к ошибке: btnClick () не определено.

Почему это происходит? Как вернуть эти функции в правильную область?

Answer 1

Переменные из «модуля» недоступны извне, поэтому используйте type = "text / javascript" как

<script type="text/javascript">

function btnClick() {
   console.log('here')
}
</script>
<button onclick="btnClick()">Go!</button>