Доступ к переменным JavaScript в HTML: несколько методов, объясненных примерами кода

При работе с веб-разработкой часто требуется доступ к переменным JavaScript в HTML-документе. Это может быть полезно для динамического обновления контента, управления DOM или выполнения других интерактивных задач. В этой статье мы рассмотрим различные методы доступа к переменным JavaScript в HTML, приведя попутно примеры кода.

Метод 1: встроенный JavaScript
Один из самых простых способов доступа к переменным JavaScript в HTML — использование встроенного кода JavaScript. Вы можете встраивать код JavaScript непосредственно в теги HTML, используя onload, onclickили другие атрибуты событий. Вот пример:

<button onclick="alert(myVariable)">Click me!</button>
<script>
  var myVariable = "Hello, World!";
</script>

Метод 2: тег Script в HTML
Другой подход заключается в использовании тега