Добрый вечер. Хочу создать новый тег и вставить туда элемент из ассоциативного массива. Выдает ошибку Unexpected identifier. Подскажите пожалуйста в чем мб проблема?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<button id="add"> Добавить</button>
</body>
</html>
var goods = {
"28292" : {
"name" : "Бегущий по лезвию",
"author" : "Филип Киндред Дик",
"year" : "1982",
"img" : "https://cdn2.iconfinder.com/data/icons/jetflat-fruits/90/002_014_banana_banan_plant_herb_fruit_food-128.png"
}
window.onload = function(){
document.getElementById('add').onclick = function () {
var div = document.createElement('div');
div.setAttribute("id", "id_you_like");
out();
}
}
function out(){
var out = '';
for (var key in goods) {
out+='Название: '+goods[key].name + '<br>';
out+='Автор: '+goods[key].author + '<br>';
out+='Год: '+goods[key].year + '<br>';
// <img src="">
out+='<img src="'+goods[key].img+'">';
}
document.getElementById('id_you_like').innerHTML = out;
}