Skip to content

buscador de palabras, permite buscar o filtrar palabras con javascript || javascript word search engine, allows you to search or filter words with javascript

Notifications You must be signed in to change notification settings

D-Antonio/suggestWord

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

suggestWord

this class only needs the input with which the word is entered and the list of words to be filtered.

listWords = [
  "key 1",
  "key 2",
  "key 3",
  ...
  "key n"
]
selector = "body > div > input[type=text]"
new SuggestWord(
  selector,
  listWords,
)

in this example I will filter pokemon names by consuming pokeapi

async function getPokemons(limit) {
    let datos = null;
    await fetch(`https://pokeapi.co/api/v2/pokemon?limit=${limit}&offset=0`).then(function (response) {
        return response.json();
    }).then(function (data) {
        datos = data.results;
    }).catch(function (e) {
        console.warn(e);
    });
    return datos;
}

getPokemons(3) this function will return the following object, where the name of three pokemon is shown

{
  "count": 1279,
  "next": "https://pokeapi.co/api/v2/pokemon?offset=4&limit=4",
  "previous": null,
  "results": [
    {
      "name": "bulbasaur",
      "url": "https://pokeapi.co/api/v2/pokemon/1/"
    },
    {
      "name": "ivysaur",
      "url": "https://pokeapi.co/api/v2/pokemon/2/"
    },
    {
      "name": "venusaur",
      "url": "https://pokeapi.co/api/v2/pokemon/3/"
    }
  ]
}

in my case I am going to filter only the "name", so I must specify to the class which will be the index to search for

document.addEventListener('DOMContentLoaded', async function () {
    let obj = await getPokemons(1000);
    new SuggestWord(
      '#entrada', 
      obj, 
      'name' // the index to search for
    ) 
}, false); 

Click me to view demo

About

buscador de palabras, permite buscar o filtrar palabras con javascript || javascript word search engine, allows you to search or filter words with javascript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published