Через prompt спрашиваю имя и должна выйти картинка девушка либо мужчина?

Question

[tenderinside]

Добрый вечер!
Такой вопрос, делаю не большой сайт для себя.
Решил добавить систему тему когда человек через prompt вводит свое имя, в шапке сайта выводится тень мужчины либо женщины. Я создал массив с мужскими именами и женскими. Делаю проверку через if. Можете помочь? Картинки не выводятся, скорей всего проблема с css

JS----------------------

function Hi(){
let name_user = prompt('Добрый день введите свое имя: ')
let result_name = name_user.charAt(0).toUpperCase()+name_user.slice(1) + '!'
let arr_woman_names = [
'Кристина','Алёна','Дарья','Даша','Наташа','Александра','Саша','Валерия',
'Лера','Лена','Елена','кристина','Алена','алена','алёна','даша','дарья',
'наташа','Натали','натали','александра','саша','валерия','лера','лена','елена'
]
let arr_men_names = [
'Дмитрий','дима','Анатолий','анатолий','Дима','Евгений','евгений','женя','Женя',
'Валерий','валерий','валера','Валера','Константин','константин','костя','Костя',
'Игорь','игорь','Максим','макс','Макс','максим','Никита','никита'
]
if(name_user == arr_men_names.length){
let photo_men = ''
document.querySelector('.photo_people').innerHTML = photo_men
}
else if(name_user == arr_woman_names.length){
let photo_woman = ''
document.querySelector('.photo_people').innerHTML = photo_woman
}
document.querySelector('.user_names').innerHTML = result_name
}

Hi()

CSS-----------------
.men_face{
width: 50px;
height: 50px;
}

.woman_face{
width: 50px;
height: 50px;
}

HTML-------------

Comments

[Вадим]

Ознакомьтесь с правилами сервиса и оформите вопрос как полагается.

https://qna.habr.com/help/rules

[Adamos]

Делаю проверку через if

Проверку того, что введенное имя равно длине массива? Удачи, чо.

[Модератор]

Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

Answer 1

[senator]

let name = prompt('Введите имя').toLowerCase();
let found = false;

let men = ['дима', 'алексей']; //и так далее
let women = ['марина', 'елена']; //и так далее

for (let man of men) {
    if (man == name) {
        alert('это мужское имя, пишем здесь код смены тени');
        found = true;
        break;
    }
}

if (!found) {
    for (let woman of women) {
         if (woman == name) {
            alert('это женское имя, пишем здесь код смены тени');
            break;
        }
    }
}

Comments

[senator]

Чтобы проверить это man или woman, я думаю лучше спрашивать это через confirm, а не проверять через имена. Потому что имен слишком много чтобы записывать каждое в массив

[Adamos]

georgi1984, чтобы понять, что эти массивы - дурь, достаточно двух имен: Саша и Женя :)