как вызвать экспортированную функцию из HTML при нажатии кнопки?

Question

простая настройка веб-пакета. файлы index.html и index.js. В HTML есть кнопка onclick = "ok_click ()". Почему я не могу вызвать функцию ok_click, которая определена в файле index.js? Я получаю функцию не найдена ошибка.

Я попытался экспортировать функцию ok_click из index.js. Затем в index.html внутри тега script импортируйте файл из index.js. Получите ошибку о том, что оператор импорта не распознан.

в index.html

  <button onclick="ok_click( )">ok</button>

в index.js

function ok_click( )
{
  console.log('in ok_click') ;
}
export { ok_click } ;

Answer 1

Я думаю, что веб-пакеты обычно применяют сценарии в конце HTML-файла.Это будет означать, что, когда кнопка onclick связана, на самом деле javascript еще не доступен.Вы пытались посмотреть, как выглядят сгенерированные файлы?И не забудьте убедиться, что окно загружено.

Попробуйте использовать другой подход, например:

Index.js:

function init() {
 var btn = document.getElementById("btn");
     btn.addEventListener("click", () => {
       console.log("in ok_click");
      });
}
window.onload = init;

Index.html

<button id="btn">ok</button>