Cannot read properties of undefined (reading
Publicado por Jhon (4 intervenciones) el 06/04/2023 06:01:51
Hola, tengo un input y un botón, al hacer click me sale:
Cannot read properties of undefined (reading 'toLowerCase')
He leído varios posts y he instentado varias cosas, pero la verdad no se como resolver el problema.
Lo que muestra la consola es esto:
searchInput [object HTMLInputElement]
query undefined
Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
typeof object
Cannot read properties of undefined (reading 'trim')
at HTMLButtonElement.<anonymous> (
Cannot read properties of undefined (reading 'toLowerCase')
He leído varios posts y he instentado varias cosas, pero la verdad no se como resolver el problema.
1
2
<input type="text" id="search" placeholder="Buscar usuario..." value="">
<button id="submit" onclick="searchUsers()">Buscar</button>
1
2
3
4
5
6
7
8
9
10
11
const searchInput = document.getElementById("search");
console.log("searchInput " + searchInput);
const searchButton = document.getElementById("submit");
const resultsContainer = document.getElementById("results");
function searchUsers(query) {
console.log("query " + query);
const filteredUsers = users.filter(user =>
user.name.toLowerCase().includes(query.toLowerCase())
);}1
2
3
4
5
6
7
8
9
searchButton.addEventListener("click", () => {
console.log("typeof " + typeof searchInput);
if(searchInput != '') {
let searchInput2 = searchInput.toString();
let query = searchInput2.value.trim();
console.log("luego del addEventListener " + query);
searchUsers(query);
}});
Lo que muestra la consola es esto:
searchInput [object HTMLInputElement]
query undefined
Uncaught TypeError: Cannot read properties of undefined (reading 'toLowerCase')
typeof object
Cannot read properties of undefined (reading 'trim')
at HTMLButtonElement.<anonymous> (
Valora esta pregunta
0
