Добрый вечер!
Такой вопрос, делаю не большой сайт для себя.
Решил добавить систему тему когда человек через 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 = 'men_face.png'
document.querySelector('.photo_people').innerHTML = photo_men
}
else if(name_user == arr_woman_names.length){
let photo_woman = 'woman_face.png'
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-------------

Есть ответ
19.12.2022
456

Ответ

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;
}
}
}


Если вы нашли правильное решение, вы можете поблагодарить нас начиная с 10 рублей.
Просто нажмите на кнопку "Подарить".
19.12.2022
Этот сайт использует cookies (Политика Cookies). Вы можете указать условия хранения и доступ к cookies в своем браузере.