Become a wordpress developer - Parte 2 - JS - Search

Live Search with Javacsript

Vmos a trabajar en el buscador y necesitamos usar JS.
Cuando presionemos el boton de buscar, se nos aparezca un fondo semitransparente y que aparezca un input para escribir, un boton de cierre.

1-Abrir la carpeta js
2-Abrir el archivo scripts.js
 Alli tenemos todas las importaciones de archivos js.

Tenemos que hacer un archivo separado para escribir todo lo referente a la busqueda
1- Creamos en la carpeta modules que vive en carpeta js llamado Search.js

Vamos a usar POO
Crear una clase llamada Search y la vamos a importar

class Search{

    constructor(){

        alert("hOla mundo de wp y js");

    }

}

export default Search;

Ahora desde script.js lo llamamos , lo importamos y creamos una instancia de esa clase.

//Importar

import Search from "./modules/Search"

//Instanciar

var search = new Search()

xs