. JSON файл:
[
{
"destination": "Hawaii",
"description": "...etc, etc",
"images": {
"image": [
"hawaii1.jpg",
"hawaii2.jpg",
]
}
},
***about 5 more destinations continuing on***
. Javascript:
function searchbar() {
const input = document.getElementById("searchbox").value;
var array = [];
fetch('trip.json')
.then(function(result){
return result.json();
})
.then(function(data){
for (let i =0; i < data.length; i++)
{
if (data[i].destination == input){
array.push(data[i]);
}
}
document.getElementById('ul').remove();
createtripData(array);
});
}
- Я хочу, чтобы мой код отображал правильное назначение при вводе имени в мой 'searchbar' в HTML.
- Для каждого элемента JSON я создал элемент "li" и добавил его к "li" (в предыдущей функции createTrip (tripData).
- Если введен неправильный адресат, то в элементе li должно отображаться "" Имя "не может быть найдено".
Я на правильном пути? Спасибо !!