JSFiddle - React, Tailwind, and code Playground
HTML
<input
type="text"
id="myInput"
onkeyup="myFunction()"
placeholder="Search.."
/>
JavaScript
let listItems = [
{
category: false,
items: [
{ value: 1, label: 'Disabled'},
{ value: 2, label: 'Carole Poland'},
{ value: 3, label: 'Wanda Howard'},
],
},
{
category: 'Suggestions',
items: [
{ value: 4, label: 'Robin Counts'},
{ value: 5, label: 'Alex Doe'},
],
},
{
category: 'Batiment',
items: [
{ value: 6, label: 'Vincent Howi'},
{ value: 7, label: 'Alex Zusk'},
],
}
];
//Resultat après filtre
let listItems = [
{ category: 'Batiment', items: [{ value: 7, label: 'Alex Zusk'}] },
{ category: 'Suggestions', items: [{ value: 5, label: 'Alex Doe'}] }
];
function myFunction() {
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
console.log('Search :', filter);
}