Hay varias formas en que puedes mostrar, agregar o imprimir el contenido de una variable en la salida al usuario.
Para ello, te vales del DOM, que es la representación en memoria del documento HTML que está cargado en la página.
Dado que, lo que muestras es un fragmento del HTML, estoy asumiendo, primero, que este fragmento va a estar contenido en un elemento estructural, por ejemplo, un DIV.
Hay varias estrategias para poder acceder a un elemento específico dentro del DOM, aquí, me valgo de la más directa y simple, que es asignarle un identificador (llamado id
) al elemento que queremos acceder, dentro del HTML, y luego utilizar el método getElementById()
para accederlo dentro de nuestro javascript.
Una vez hicimos eso, simplemente estoy agregando el texto dentro de ese elemento. Para ello me valgo de los métodos createTextNode()
y [appendChild()
][4], respectivamente.
Creo que el código habla por si mismo, pero si tienes dudas, puedes dejarme un comentario.
let dtto="Mi dato";
const miDiv = document.getElementById("miDiv");
const txtDtto = document.createTextNode(dtto);
miDiv.appendChild(txtDtto);
<div id="miDiv"><strong>Federal:</strong><br></div>
En este caso, el resultado es el equivalente a:
<div id="miDiv"><strong>Federal:</strong><br>Mi dato</div>
Otra posibilidad, desde mi punto de vista, mejor, es que tengamos preparado un elemento en el que vamos a mostrar esa información, y acceder directamente a él para mostrarla.
En este caso, además de los métodos que ya conocemos del ejemplo anterior, asigno el valor de la propiedad innerText
let dtto="Mi dato";
const miSpan = document.getElementById("dtto");
miSpan.innerText = dtto;
<strong>Federal:</strong><br><span id="dtto"></span>
Que produce el resultado equivalente a:
<strong>Federal:</strong><br><span id="dtto">Mi dato</span>
No voy a extender más esta respuesta, pero sirva esto como introducción. Si sigues la documentación de los métodos enlazados y buscas en Internet, encontrarás más maneras de realizarlo.
<span>
o en un<div>
que tenga un atributoid=
único, y con la propiedadinnerHTML
lo agregas a dicho elemento desde javascript (developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)<strong>Federal:</strong><br><div id="unico"></div>
y en el javascript, donde escribes elconsole.log
pon una linea más y agrega esto a ver si te funciona:document.getElementById("unico").innerHTML = ddto