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

No:42256

Filtrar una lista con 20 nombres
Developer User18814｜Date and time 24/2/11 8:50:20
Build time 6.404 sec｜Game capacity 1.591KB｜

Script

Filtro de Nombres

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Filtro de Nombres</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }

h1 {
      text-align: center;
    }

#searchInput {
      width: 100%;
      padding: 10px;
      margin-bottom: 20px;
      font-size: 16px;
    }

#nameList {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

.nameItem {
      padding: 10px;
      margin-bottom: 5px;
      background-color: #f5f5f5;
      border-bottom: 1px solid #ddd;
    }
  </style>
</head>
<body>
  <h1>Filtro de Nombres</h1>

const searchInput = document.getElementById("searchInput");
    const nameList = document.getElementById("nameList");

searchInput.addEventListener("input", function() {
      const searchTerm = searchInput.value.toLowerCase();
      nameList.innerHTML = "";

nombres.forEach(function(nombre) {
        if (nombre.toLowerCase().indexOf(searchTerm) !== -1) {
          const listItem = document.createElement("li");
          listItem.classList.add("nameItem");
          listItem.textContent = nombre;

nameList.appendChild(listItem);
        }
      });
    });
  </script>
</body>
</html>