La interacci n entre JavaScript y HTML es uno de los principios b sicos para crear p ginas web din micas. Una forma de pasar datos de JavaScript a HTML es insertar una variable en el c digo HTML. En este caso, la variable reemplaza una parte espec fica del c digo y su valor se muestra en el navegador. En este art culo, vamos a ver los m todos b sicos y ejemplos de la inserci n de una variable de JavaScript en el c digo HTML.
Uno de los m todos m s comunes es el uso de la construcci n . Dentro de la etiqueta se escribe el c digo JavaScript, incluida la definici n de la variable. Luego, usando una etiqueta u otra etiqueta, puede insertar el valor de la variable en la ubicaci n deseada del c digo HTML. Por ejemplo:
Hola ! Bienvenido a nuestro sitio web.
En este caso, la variable name tiene el valor "John". Dentro de la etiqueta se mostrar el valor de esta variable. Por lo tanto, el usuario ser recibido con un saludo " hola, John! Bienvenido a nuestro sitio web".
Otro m todo es usar atributos de elementos. Puede agregar un atributo data-nombre_variable a un elemento HTML e insertar el valor de la variable all . En el c digo HTML se ver a as :
Plantilla HTML: