자바스크립트에서 css 적용이 안돼요
안녕하세요
Let's get IT 자바스크립트 책으로 공부하고 있습니다.
7장 가위바위보 게임에서 <script> 안에서 css 적용이 전혀 안되어서 질문드립니다.
6장 <self check 공색칠하기>여기에서도 자바스크립트로 css 적용이 안되어서 7장으로 넘어왔습니다...
구글에 검색했더니 캐시를 지워보라해서 지워봤는데도 적용이 계속 안됩니다.
무슨 문제일까요...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
#computer {
width: 142px;
height: 200px;
}
</style>
</head>
<body>
<div id="computer"></div>
<div>
<button id="scissors" class="btn">가위</button>
<button id="rock" class="btn">바위</button>
<button id="paper" class="btn">보</button>
</div>
<div id="score">0</div>
<script>
const $computer = document.querySelector('#computer');
const $score = document.querySelector('#score');
const $scissors = document.querySelector('#scissors');
const $rock = document.querySelector('#rock');
const $paper = document.querySelector('#paper');
const IMG = './rsp.png';
$computer.style.background = `url(${IMG}) 0 0 `;
$computer.style.background.size = 'auto 200px';
</script>
</body>
</html>
자바스크립트 입문 강의 재생 안됨
0
76
2
쿵쿵따 조건문 질문입니다.
0
72
2
렛츠가릿 자바스트립트와 공유가 되나요
0
77
1
수강을 하기 전 공부순서에 관한 질문이 있습니다.
1
100
2
안녕하세요
0
101
2
1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.
1
76
2
고차 함수 작성법과 수업 진도 관련한 질문
0
82
3
break와 continue 9:55 내 continue 구문 질문
0
153
2
옵셔널 체이닝 적당한 깊이는 어느 정도인가요?
0
121
2
로또 추첨기 중 입력값을 검사할 때
0
137
2
2-14.else,else if,switch 관련 질문입니다.
0
109
2
가위바위보 이미지(rsp.png)가 안보여요
0
264
3
Math.random() 에 9을 곱하는 이유
0
175
4
클로저 관련해서 질문있습니다.
1
189
2
유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문
0
246
1
event.target.textContent관련 질문
0
273
2
객체 참조 관련 질문
0
179
1
-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기
0
466
1
별찍기 마름모 문제입니다.
0
351
2
숙제 질문
0
217
1
5강 async/await으로 가독성 높이기에서
0
231
1
야구게임 관련 질문입니다
0
186
1
쿵쿵따, 계산기에서 변수 선언
0
181
1
지뢰 힌트 사라짐(대괄호)
0
167
1