функция должна вывести список элементов из json файла, выводит indefined net::ERR_FILE_NOT_FOUND
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testing-task</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<ul class="products"></ul>
<script src="scripts.js"></script>
</body>
</html>
async function getResponse() {
let response = await fetch('https://dummyjson.com/products')
let jsonList = await response.json()
console.log(jsonList)
let list = document.querySelector('.products')
let key
for (key in jsonList) {
list.innerHTML +=
`<li class="item">
<p>${jsonList[key].title}</p>
<img src="${jsonList[key].images}" alt="${jsonList[key].title}">
</li>`
}
}
getResponse();
