Agregar Template
De enunpimpam
Revisión del 10:01 14 ago 2020 de Nacho (discusión | contribuciones) (Página creada con «Categoría:JavaScript Creamos una función que devuelva el código a insertar en HTML <syntaxhighlight lang="js"> const $aviso = document.getElementById('aviso'); </sy…»)
Creamos una función que devuelva el código a insertar en HTML
const $aviso = document.getElementById('aviso');
function AvisoPlantilla(resultado) { return `<div class="content-box-md"> <div class="container"> <div class="row"> <div class="col-md-12 text-center wow slideInDown"> <div class="horizontal-heading"> <h2>¡Vaya!</h2> <h5>No se han encontrado resultados para su búsqueda </h5> </div> </div> </div> </div> </div>`; }
Creamos la función que los datos de HTMLString a formato de HTML
function CrearPlantilla(HTMLString) { const html = document.implementation.createHTMLDocument(); html.body.innerHTML = HTMLString; return html.body.children[0]; }
Realizamos la condición, le pasamos la plantilla y la insertamos en $aviso
function ShowAviso(busqueda) { if (busqueda > "0") { const HTMLString = AvisoTemplate(busqueda, "Resultados encontrados") const Aviso = CrearPlantilla(HTMLString) $aviso.append(Aviso) } else { const HTMLString = AvisoTemplate("¡Vaya!","No se han encontrado resultados para su búsqueda") const Aviso = CrearPlantilla(HTMLString) $aviso.append(Aviso) }}