자바스크립트에서 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
98
2
쿵쿵따 조건문 질문입니다.
0
85
2
렛츠가릿 자바스트립트와 공유가 되나요
0
88
1
수강을 하기 전 공부순서에 관한 질문이 있습니다.
1
112
2
안녕하세요
0
111
2
1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.
1
82
2
고차 함수 작성법과 수업 진도 관련한 질문
0
96
3
break와 continue 9:55 내 continue 구문 질문
0
161
2
옵셔널 체이닝 적당한 깊이는 어느 정도인가요?
0
128
2
로또 추첨기 중 입력값을 검사할 때
0
151
2
2-14.else,else if,switch 관련 질문입니다.
0
119
2
가위바위보 이미지(rsp.png)가 안보여요
0
276
3
Math.random() 에 9을 곱하는 이유
0
183
4
클로저 관련해서 질문있습니다.
1
197
2
유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문
0
249
1
event.target.textContent관련 질문
0
284
2
객체 참조 관련 질문
0
186
1
-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기
0
497
1
별찍기 마름모 문제입니다.
0
361
2
숙제 질문
0
228
1
5강 async/await으로 가독성 높이기에서
0
240
1
야구게임 관련 질문입니다
0
192
1
쿵쿵따, 계산기에서 변수 선언
0
184
1
지뢰 힌트 사라짐(대괄호)
0
173
1