我尝试使用omdbapi和我使用异步函数来获取数据。我使用Object.key()将const data转换为数组，以便可以使用map()将数据发送到innerHTML，但它总是显示undefined。我想使用map()将data转换为一个新数组，并使用movieHTML()在html中显示它。请帮帮忙

const movieListEl = document.querySelector('.shows');
     async function main (event) {
     const url = `https://www.omdbapi.com/?apikey=39a36280&s=${encodeURI(event)}`;
     const search = await fetch(`${url}`);
     const data = await search.json();
     // console.log(data.Search)
     // if (data.Response === 'True') {
     //     console.log(data.Search)
     // }
     let dataKeys = Object.keys(data.Search);
   
     movieListEl.innerHTML = dataKeys.map((movie) => 
     console.log(movieHTML(movie))).join("");
     } 

     main('squid game');

    function movieHTML (details) {
    return `<div class="shows__content">
    <figure class="shows__poster">
        <img src="${details.Poster}" alt="" class="poster">
    </figure>
       <div class="poster__description">
        <h4 class="poster__title">${details.Title}</h4>
        <p class="poster__year">${details.Year}</p>
    </div>
    </div>
     `
     }

个字符