Filtrar una lista en javascript's game

Click here for free DL of the app version that can save data.

No:27308

←

Prev Next

→

Filtrar una lista en javascript
Developer User13571｜Date and time 23/12/6 2:56:12
Build time 20.926 sec｜Game capacity 1.655KB｜

Script

Aquí tienes un ejemplo de cómo filtrar una lista en JavaScript dentro de un archivo HTML:

Manzana
Banana
Pera
Uva
Sandía

Este archivo HTML contiene una lista simple con elementos de frutas. Al ingresar un filtro en el campo de texto, la lista se filtrará para mostrar solo los elementos que coincidan con el filtro. El filtrado se realiza mediante la comparación de texto en minúsculas sin tener en cuenta mayúsculas y minúsculas. ¡Puedes probar este código en tu dispositivo móvil y jugar con él!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

Aquí tienes un ejemplo de cómo filtrar una lista en JavaScript dentro de un archivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Filtrar Lista</title>
</head>
<body>
    <input type="text" id="filtro" placeholder="Ingresa un filtro">
    <ul id="lista">
        <li>Manzana</li>
        <li>Banana</li>
        <li>Pera</li>
        <li>Uva</li>
        <li>Sandía</li>
    </ul>

// Agregar el evento de input al campo de filtro
        filtroInput.addEventListener('input', function() {
            filtrarLista(this.value.toLowerCase());
        });

// Función para filtrar la lista
        function filtrarLista(filtro) {
            for (let i = 0; i < lista.length; i++) {
                const item = lista[i];
                const textoItem = item.textContent.toLowerCase();

if (textoItem.includes(filtro)) {
                    item.style.display = 'block';
                } else {
                    item.style.display = 'none';
                }
            }
        }
    </script>
</body>
</html>
```

¡Puedes probar este código en tu dispositivo móvil y jugar con él!