Почему не показывается js в консоли браузера?

Question

[Lucius13]

async function getResponse() 
{
    let response = await fetch('https://jsonplaceholder.typicode.com/photos')
    let content = await response.json()
    content = content.splice(0, 10)

    let list = document.querySelector('.posts')

    let key;

    for (key in content) {

        list.innerHTML +=`
        <li class="post">
        <h4>${content[key].title}</h4>
        <img src="${content[key].url}" width="300">
    </li>
        `

        content[key]
    }

    console.log(content)
}

getResponse()

Пишу код по данному видео: https://www.youtube.com/watch?v=QSF8JXFPR18
И почему-то у меня в консоли браузера не отображается js
Пробовал на Opera и Chromeе
Везде одно и то же(пустота)

Answer 1

[WapSter]

В твоем коде запишется лишь последний элемент. console.log нормально отрабатывает

Comments

[Lucius13]

Спасибо большое за ответ
И да, вы правы, я совершенно не знаю как работают циклы in и of и вообще весь js
Просто решил начать делать всё по видосу, а у меня нихрена не работает
Но сейчас вроде разобрался, спасибо ещё раз