자바스크립트가 먹지를 않아서 질문남깁니다
잘못된 부분이 있는지 확인부탁드려요
해당 코드라도 공유주시면 비교해서 체크해보도록 하겠습니다.
<html>
<head>
<title>hojun market</title>
<link href="index.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
<div id="header-area">
<img src="images/icons/logo.png" />
</div>
</div>
<div id="body">
<div id="banner">
<img src="images/banners/banner1.png" />
</div>
<h1>판매되는 상품들</h1>
<div id="product-list">
<div class="product-card">
<div>
<img class="product-img" src="images/products/basketball1.jpeg" />
</div>
<div class="product-contents">
<span class="product-name">농구공 1호</span>
<span class="product-price">50,000원</span>
<div class="product-seller">
<img class="product-avator" src="images/icons/avatar.png" />
<span> 그랩 </span>
</div>
</div>
</div>
</div>
<div class="product-card">
<div>
<img class="product-img" src="images/products/keyboard1.jpg" />
</div>
<div class="product-contents">
<span class="product-name">키보드 1호</span>
<span class="product-price">30,000원</span>
<div class="product-seller">
<img class="product-avator" src="images/icons/avatar.png" />
<span> 그랩 </span>
</div>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</body>
<script>
var products = [{
name : '농구공',
price : 10000,
seller : '조던'
imageUrl : '/images/products/basketball1.jpeg'
},{
name : '축구공',
price : 20000,
seller : '메시'
imageUrl : '/images/products/soccerball1.jpg'
},{
name : '키보드',
price : 30000,
seller : '그랩'
imageUrl : '/images/products/keyboard1.jpg'
}];
document.querySelector("#product-list").innerHTML = "<p>안녕</p>";
</script>
</html>