script.js

// AXABK17-0BAM2KN-QY0E4B1-0E1J2GX - API-token for movies info (kinopoisk dev)

const main = document.getElementById("section");
const form = document.getElementById("form");
const search = document.getElementById("query");

function returnMovies(url){
    fetch(url).then(res => res.json())
        .then(function(data){
        console.log(data.results);
        data.results.forEach(element => {
            const div_card = document.createElement('div');
            div_card.setAttribute('class', 'card');
            
            const div_row = document.createElement('div');
            div_row.setAttribute('class', 'row');
            
            const div_column = document.createElement('div');
            div_column.setAttribute('class', 'column');
            
            const image = document.createElement('img');
            image.setAttribute('class', 'thumbnail');
            image.setAttribute('id', 'image');
            
            const title = document.createElement('h3');
            title.setAttribute('id', 'title');
    
            const center = document.createElement('center');
            
            title.innerHTML = `${element.title}`;
            //image.src = //imagePath
            center.appendChild(image);
            div_card.appendChild(center);
            div_card.appendChild(title);
            div_column.appendChild(div_card);
            div_row.appendChild(div_column);
            
            main.appendChild(div_row);
        });
    });
}

form.addEventListener("submit", (e) => {
    e.preventDefault();
    main.innerHTML = '';
    
    const searchItem = search.value;
    
    if (searchItem) {
        returnMovies(searchItem);
        search.value = "";
    }
});