Какие есть виды подключения JavaScript к HTML?

Существует несколько способов подключения JavaScript к HTML, и каждый из них имеет свои особенности и преимущества:

Встроенный JavaScript: Этот способ подразумевает написание JavaScript-кода непосредственно внутри HTML-документа в пределах тега <script>. Это удобно для небольших скриптов, так как весь код находится в одном месте.

<script>
	console.log("Hello, World!");
</script>

Внешний JavaScript-файл: Для более сложных приложений рекомендуется хранить JavaScript-код в отдельном файле. Это упрощает управление кодом и повторное использование. Чтобы подключить внешний файл, используется атрибут src в теге <script>.

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

Обработчики событий в HTML: JavaScript также можно подключать с помощью атрибутов, таких как onclick, onmouseover и других. Это позволяет выполнять JavaScript-код в ответ на события, связанные с элементами HTML.

<button onclick="alert('Hello!')">Нажми меня</button>

Каждый из этих способов имеет свои преимущества. Встроенный код прост для использования, но не подходит для больших проектов. 

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