Agregar Template - Historial de revisiones

Nacho: Página creada con «Categoría:JavaScript Creamos una función que devuelva el código a insertar en HTML const $aviso = document.getElementById('aviso');
2020-08-14T10:01:10Z

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…»

Página nueva
[[Categoría:JavaScript]]
Creamos una función que devuelva el código a insertar en HTML
<syntaxhighlight lang="js">
const $aviso = document.getElementById('aviso');
</syntaxhighlight>
<syntaxhighlight lang="js">
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>`;
}</syntaxhighlight>
Creamos la función que los datos de HTMLString a formato de HTML
<syntaxhighlight lang="js">
function CrearPlantilla(HTMLString) {
const html = document.implementation.createHTMLDocument();
html.body.innerHTML = HTMLString;
return html.body.children[0];
}</syntaxhighlight>
Realizamos la condición, le pasamos la plantilla y la insertamos en $aviso
<syntaxhighlight lang="js">
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)
}}</syntaxhighlight>