Как я могу использовать одну и ту же функцию JS в двух разных скриптах?

Question

У меня есть эти функции

function showNotification(response) {
  notification.innerHTML = `${response.data}`
  notification.style.display = 'block'
  notification.classList.add('created-notification-animation')
}

function resetNotification() {
  notification.style.display = 'none';
  notification.classList.remove('created-notification-animation')
}

 function clearInputValues() {
  movieTitle.value = ''
  movieRuntime.value = ''
  movieIsAvailableOnVhs.value = ''
  movieReleaseDate.value = ''
}

Я хочу использовать эти функции для кодирования DRY, у меня есть 2 сценария, в которых я хочу использовать эти функции. У меня есть 2 разных файла HTML, используется, по одному для каждого скрипта.

Один сценарий является основным. js, который содержит эти функции и другой код в индексе. html.

Другой сценарий - movieList. js, который содержит список фильмов. , но я хочу использовать эти функции и в этом скрипте, этот скрипт находится в movieList. html.

Как я могу получить доступ к этим функциям в каждом скрипте без необходимости копировать и вставлять функции в другой скрипт?

Есть ли возможность импортировать / экспортировать?

Я использую узел на бэкэнде, но весь этот код является клиентским JS, поэтому типичный экспорт по умолчанию / экспорт не работает.

Спасибо!

Answer 1

Вам необходимо импортировать другой файл в ваш индексный файл

<script src="./firstfile.js"></script>
<script src="./secondfile.js"></script>

Answer 2

Если вы включите файл, содержащий эти функции, в файлы HTML, вы можете использовать эти функции в других включенных файлах JS в HTML.

Предположим, мы создали файл JS с именем utils.js, и мы пишем коды javascript общего назначения, такие как ваши функции уведомления, все, что нам нужно сделать, это включить этот utils.js файл в наш HTML файл.

Пример:

<script src="/my_path/utils.js"></script> // This file containing my noticiation functions
<script src="/my_path/main.js"></script> // main javascript file
<script src="/my_path/myMovie.js"></script> // this files containing related my movies.

Это всего лишь пример. Вы можете записать свои функции в любой файл javascript, и вы можете использовать эти функции в другом файле javascript или в своем HTML. Просто включите файл, содержащий функции, которые вы хотите использовать.

Answer 3

пробовали ли вы импортировать этот javascript файл, содержащий эти функции, в файл HTML, где вы хотите его использовать?

Допустим, у меня есть функция в файле test.js, которую я хочу для использования в index.js файле

Если я импортирую их в файл HTML, как этот, он будет работать.

Примечание: импортируйте файл с этими функциями перед импортом файлов, которые будут их использовать

    <script src="./test.js"></script>
    <script src="./index.js"></script>