array problems in JavaScript

Question

I have built out an example of what I'm trying to accomplish. I want to be able to make an array of passwords where if one is correct, then they are all sent to another page. However, in the following example it is not working. If I input the name that is suppose to pop up with a hello message it states its wrong when I have it in an Array.

let textarea = document.getElementById('banner');
let okbutton = document.getElementById('btn');
let form = document.getElementById('user-form');
let textBox = document.getElementById('text-box');
let spanMe = document.getElementById('spans');
let userNameIs = ['marquise', 'quise', 'tom'];

textarea.style.display = 'none';
spanMe.style.display = 'none';
textarea.style.display = 'none';

okbutton.addEventListener('click', function() {
    if (textBox.value.length <= 4) {
        spanMe.style.display = 'block';
        spanMe.style.color = 'red';   
    } else if (textBox == userNameIs[1]) {
        spanMe.style.display = 'none';
        textarea.style.display = "block"
        textarea.innerText = 'hello' + ' ' + textBox.value;
    } else if (textBox != userNameIs[1])
        spanMe.style.display = 'block';
    spanMe.style.color = 'red';
});

Maybe this page will help: https://stackoverflow.com/questions/7378228/check-if-an-element-is-present-in-an-array — Peter Bode, Dec 18 '18 at 16:11
when I input the name into the text box every value is wrong and it shoots back the please try again — Marquise Fleming, Dec 18 '18 at 16:11
`if (textBox == userNameIs[1])` should be `if (textBox.value == userNameIs[1])` — Pointy, Dec 18 '18 at 16:12
Thanks that fixed it and opened my eyes to the main issue thank you thank you — Marquise Fleming, Dec 18 '18 at 16:18

array problems in JavaScript

0 Answers0