L'errore sta nel fatto che tu utilizzi il metodo includes
relativo alle stringhe e non quello dell'array.
I comportamenti sono molto diversi, visto che quello relativo alle
stringhe fa un ricerca per determinare se una stringa puo essere trovata
all'interno di un'altra stringa.
Infatti se provi a scrivere Paolo123 ti verrà restituito true invece di false.
Dovresti ragionare all'inverso e cioè :
array.includes(searchElement)
e non :
string.includes(searchString)
Oltretutto stai sbagliando perchè cerchi di passare argomenti ad string.includes()
mentre il metodo vuole solo una stringa di ricerca.
Ps. In breve, per risolvere ti basta scrivere admin.includes(a)
Questo è un esempi di come potresti rifattorizzare il tutto.
codice:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" name="nome" id="nome">
<button id="verifica" type="button">Verifica Admin</button>
<div id="result"></div>
<script>
// assegnazione degli elementi DOM
const inputAdmin = document.getElementById('nome')
const btnVerifica = document.getElementById('verifica')
const resulView = document.getElementById('result')
/*
Converte l'array in stringa per trasformare tutto il testo in minuscolo
per poi convertirlo nuovamente in array
*/
const admin = ['Luca', 'Marco', 'Paolo']
.toString()
.toLowerCase()
.split(',')
// Arrow function expressions di verifica del nome
const adminVerify = () => {
// l'input viene convertito in minuscolo
const nome = String(inputAdmin.value).toLowerCase()
// ** metodi array alternativi a includes() **
// const result = admin.some(e => e === nome)
// const result = admin.indexOf(inputAdmin.value) > -1
// Qui viene utilizzato l'operatore ternario in alternativa al costrutto if
const result = admin.includes(nome)
? 'Sei amministratore'
: (nome == '')
? 'Err: inserisci un nome'
: 'Non sei aministratore'
resulView.textContent = result
}
// assegnazione Arrow function expressions a evento click del button
btnVerifica.addEventListener('click', adminVerify)
</script>
</body>
</html>
Rispondi quotando
