index.html
<!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>
<p id="out"></p>
</body>
</html>
1.js
var goods = {
"12345" : {
"name" : "Бананы",
"cost" : 30,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Banana.png",
"sklad" : "да"
},
"54321" : {
"name" : "Помидор",
"cost" : 40,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Tomato.png",
"sklad" : "нет"
},
"09876" : {
"name" : "Клубника",
"cost" : 60,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Strawberry.png",
"sklad" : "да"
}
};
console.log(goods);
// Вывод товаров на страницу.
var out = ''; // сюда будем помещать значения.
for(var key in goods) {
out+='Название: ' + goods[key].name + '<br>';
out+='Цена: ' + goods[key].cost + '<br>';
out+='Наличие на складе: ' + goods[key].sklad + '<br>';
out+='<img src="' + goods[key].img + '">';
out+='<hr>'
}
document.getElementById('out').innerHTML = out;
<!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>
<p id="out"></p>
</body>
</html>
1.js
var goods = {
"12345" : {
"name" : "Бананы",
"cost" : 30,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Banana.png",
"sklad" : "да"
},
"54321" : {
"name" : "Помидор",
"cost" : 40,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Tomato.png",
"sklad" : "нет"
},
"09876" : {
"name" : "Клубника",
"cost" : 60,
"img" : "https://cdn0.iconfinder.com/data/icons/fruits/128/Strawberry.png",
"sklad" : "да"
}
};
console.log(goods);
// Вывод товаров на страницу.
var out = ''; // сюда будем помещать значения.
for(var key in goods) {
out+='Название: ' + goods[key].name + '<br>';
out+='Цена: ' + goods[key].cost + '<br>';
out+='Наличие на складе: ' + goods[key].sklad + '<br>';
out+='<img src="' + goods[key].img + '">';
out+='<hr>'
}
document.getElementById('out').innerHTML = out;
Комментариев нет:
Отправить комментарий