Cześć staram sie zrobic input który automatycznie po wpisaniu pierwszej cyfry filtruje tablice i tworzy nowa ktora pokazuje dostępne możliwości.Jak do tej pory nie wiem czemu w showedValues dostaje pusta tablice .
const list = ["Polska", "Niemcy", "Portugalia"];
const input = document.querySelector('input');
const div = document.querySelector('.wrapper');
const btn = document.querySelector('button');
const newList = [];
const createList = (listItem) => {
const ul = document.createElement('ul');
div.appendChild(ul);
listItem.forEach((country) => {
const li = document.createElement('li')
li.textContent = country;
ul.appendChild(li);
})
return ul;
}
const menageList = function (example) {
console.log(example);
let showedValues = list.filter(function (value) {
return value.indexOf(example) == 0;
});
console.log(showedValues);
if (showedValues.length) {
newList = createList(showedValues);
body.appendChild(newList);
}
}
const HopeIsGood = function () {
example = this.value;
// console.log(example);
menageList(example + "");
}
input.addEventListener('keyup', HopeIsGood);