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)
}}