<!DOCTYPE html>
<html>
<head>
<title>Вывод обекта</title>
</head>
<body>
<div id="out">
<script>
var trees={
"potaito":{
"name":"Иранский Помидор",
"cost":3000,
"img":"https://pics.botanichka.ru/wp-content/uploads/2016/01/kartofel-iz-semyan-01.jpg"
},
"apple":{
"name":"Россиское яблоко",
"cost":6000,
"img":"https://yaskravaklumba.com.ua/image/catalog/stativideo/ablona-2.jpg?1480925781495"
}
};
var out='';
for(var key in trees){
out+=trees[key].name;
out+='<a href="index.html"><img src="'+trees[key].img+'"></a>';
//Это гиперссылка работает на обеих обектах. На Яблоке и на Помидоре. Надо что бы яблоко имела ссылку на index.html а помидор ссылку на pomidor.html.
}
document.querySelector(".out").innerHTML=out;
</script>
</body>
