Как с помощью fetch вытянуть данные с OMDb API?

Question

[parsifaly]

Например мы записываем в инпут фильм бэтмен и далее при нажатии кнопки вытаскиваем данные по имени фильма в блок result

<div style="width: 100%; display: inline;position: fixed;">
        <input type="text" placeholder="Write movie name" style="width:45%;height: 30px;">
        <button style="width:45%;background-color: green;color: white;height: 38px;">search </button>
    </div>
    <div id="result" style="width: 100%;"></div>

Answer 1

[Aleksandr Kritskii]

1. Получаем API Key
2. Обработчик формы Fetch

Comments

[parsifaly]

Я все понял и вот почти доделал мое задание

https://codepen.io/Valerass/pen/yLgKOmy?editors=1111 ,а как сделать При нажатии на More Details должен открыться модалка со всеми данными о том фильм вот как на картинке

[Aleksandr Kritskii]

parsifaly, например вот так
обратите внимание, что урл поменялся, по которому обращаюсь

[parsifaly]

Aleksandr Kritskii, вот сдесь оно выводит все ключи,а как сделать чтобы один выводило?

for (const key in val) {
  	finish.innerHTML = finish.innerHTML + `<p>${key}: ${val[key]}</p>`
  }

[Aleksandr Kritskii]

parsifaly, val[название_ключа]

[parsifaly]

Aleksandr Kritskii вот так?

for (let key in val) {
  	finish.innerHTML = finish.innerHTML + `<p>${key}: ${val[Title]}</p>`
  }

[Aleksandr Kritskii]

parsifaly, нет

вместо

for (let key in val) {
  	finish.innerHTML = `<p>${key}: ${val[Title]}</p>`
  }

вот это тогда

finish.innerHTML = finish.innerHTML + `<p> ${val['Title']}</p>`

[parsifaly]

Aleksandr Kritskii вот нам val возвращает обьек и втом обьекте есть еще один обьект в котором есть кличи Source и Value как их вытянуть?

[Aleksandr Kritskii]

parsifaly, https://learn.javascript.ru/object