-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
자바스크립트가 작동하지 않아요.
21.09.25 19:37 작성 조회수 151
1
콘솔 창에 오류문자는 안뜨는데 웹 상에서 "안녕"이란 글자가 작동하지 않습니다..
<!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>그랩마켓</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>selling stuffs</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"> basket ball </span>
<span class="product-price"> $50 </span>
<div class="product-seller">
<img class="product-avatar" src="images/icons/avatar.png">
<span>grab</span>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</body>
<script>
var products = [
{
name: 'basket ball',
price: 10000,
seller: 'jordan',
imageUrl: '/images/products/basketball1.jpeg'
}, {
name: 'soccer ball',
price: 50000,
seller: 'messi',
imageUrl: '/images/products/soccerball1.jpg'
}, {
name: 'keyboard',
price: 10000,
seller: 'grab',
imageUrl: '/images/products/keyboard1.jpg'
}];
document.querySelector("#product-list").innnerHTML = "<p>안녕</p>";
</script>
</html>
답변을 작성해보세요.
1
그랩
지식공유자2021.09.25
맨 아레 코드를 보시면 innnerHTML로 오타가 있는 것 같아요! innerHTML로 수정해주세요!
아무래도 자바스크립트는 다른 언어들에 비해 자유도가 큰 편이라 이렇게 잘못된 속성에 접근하더라도 에러를 뱉지는 않아 초반에 적응이 잘 안되실 수도 있을 거예요!
답변 1