Существует два способа доступа к переменной JavaScript в HTML:
Использование метода getElementById(): Метод getElementById() используется для получения элемента с указанным идентификатором. Идентификатор элемента используется для доступа к связанной с ним переменной JavaScript. Например, следующий код получит элемент с идентификатором «myVariable» и установит его текстовое содержимое в значение переменной JavaScript «variableName»:
HTML
<p id="myVariable"></p> <script> var variableName = "This is the variable value"; document.getElementById("myVariable").innerHTML = variableName; </script>
Использование свойства InnerHTML: Свойство InnerHTML используется для получения или установки внутреннего HTML-кода элемента. Внутренний HTML-код элемента — это текстовое содержимое элемента и всех его дочерних элементов. Следующий код установит внутренний HTML-код элемента с идентификатором «myVariable» в значение переменной JavaScript «variableName»:
HTML
<p id="myVariable"></p> <script> var variableName = "This is the variable value"; document.getElementById("myVariable").innerHTML = variableName; </script>
В обоих случаях переменная JavaScript должна быть объявлена и инициализирована, прежде чем к ней можно будет получить доступ в HTML.
Вот пример того, как объявить и инициализировать переменную JavaScript:
JavaScript
var variableName = "This is the variable value";
После объявления и инициализации переменной JavaScript к ней можно получить доступ в HTML с помощью методов, описанных выше.
Надеюсь, это поможет! Дайте мне знать, если у вас есть еще вопросы.