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…»)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar

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