Когда я запускаю этот код, я получаю сообщение об ошибке «Не удается прочитать свойство« карта »из неопределенного.
Я пытался перемещаться по функциям, но ошибка сохраняется.
const users = [{age: 45, height: 5.6, weight: 76, name:'David', country: 'Nigeria', id: '85eir7e0hj'}];
const select = document.querySelector('.select-text');
const bmiButton = document.querySelector('#oracle');
const getSelectedUser = (userId) => {
return user = users.find(({ id }) => userId === id);
};
const displaySelectedUser = ({ target }) => {
const user = getSelectedUser(target.value);
const properties = Object.keys(user);
properties.forEach((prop) => {
const el = document.querySelector(`[data-${prop}-value]`);
if(el !== null) el.textContent = user[prop];
})
};
const letsCalculateBMI = () => {
};
const powerupTheUI = () => {
select.addEventListener('change', displaySelectedUser);
bmiButton.addEventListener('click', letsCalculateBMI)
}
const displayUsers = (users) => {
users.forEach((user) => {
const opt = document.createElement('option');
opt.value = user.id;
opt.textContent = user.name;
select.appendChild(opt);
})
}
const fetchAndDisplayUsers = () => {
users.push({
age: 40,
weight: 75,
height: 6,
country: 'Nigeria',
name: 'Charles Odili',
id: 'dfhb454768DghtF'
});
displayUsers(users);
};
const startApp = () => {
powerupTheUI();
fetchAndDisplayUsers();
};
startApp();