JSFiddle - React, Tailwind, and code Playground

by Eric Ocampo

HTML

<div id="contenido">Contenido inicial</div>
<div id="contenidoHtml"><h1>Este es el tĂ­tulo inicial</h1></div>

CSS

#contenido{
    height:100px;
    background:#0068f8;
    color:white;
    text-align:center;
}
#contenidoHtml{
    height:100px;
    background:#0068f8;
    color:white;
    text-align:center;
}

JavaScript

var nuevoContenido = "Este contenido sustituye al contenido inicial";
var nuevoHtml = "<ul><li>elemento nuevo 1</li><li>elemento nuevo 2</li></ul>"
// ahora asignamos el valor de nuevoContenido al div.
//puedes comentar alguna de estes lineas para que veas el contenido inicial
$("#contenido").html(nuevoContenido);
$("#contenidoHtml").html(nuevoHtml);


//Para ver este resultado debes tener la ocnsola de tu navegador abierta
console.log($("#contenido").html());