Доброго дня!
Учусь js, сейчас написал по урокам мини "кинопоиск"...
Вопрос: Что переписать в коде, чтобы информация отображалась сразу, а не после ввода запроса в форму и клик?
То есть, сразу указал запрос на конце ссылки, и при загрузке страницы сразу вывод данных.
const searchForm = document.querySelector('#search-form');
const movie = document.querySelector('#movies');
function apiSearch(event) {
event.preventDefault();
const searchText = document.querySelector('.form-control').value;
const server = 'https://api.themoviedb.org/3/search/multi?api_key=***&language=ru&query=' + searchText;
requestApi(server);
}
searchForm.addEventListener('submit', apiSearch);
function requestApi(url) {
const request = new XMLHttpRequest();
request.open('GET', url);
request.send();
request.addEventListener('readystatechange', function () {
if (request.readyState !== 4) return;
if (request.status !== 200) {
console.log('error: ' + request.status);
return;
}
const output = JSON.parse(request.responseText)
let inner = '';
output.results.forEach(function (item) {
let nameItem = item.name || item.title;
inner += `<div class="col-6">${nameItem}</div>`;
});
movie.innerHTML = inner;
});
}