inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 자바스크립트

가위바위보(이미지 스프라이트)

가위바위보 질문있습니다

287

kaoe1112@naver.com

작성한 질문수 2

0

가위바위보.html
<!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: 160px;
height: 200px;
background: url('https://imagescdn.gettyimagesbank.com/500/17/859/219/0/824700804.jpg') -30px -80px;
}
</style>
</head>

<body>
<div id="computer"></div>
<div>
<button id="scissor" class="btn">가위</button>
<button id="rock" class="btn">바위</button>
<button id="paper" class="btn"></button>
</div>
<script src="가위바위보.js"></script>
</body>

</html>
------------------가위바위보.js
var left = 0;
setInterval(function () {
if (left === 0) {
left = '-175px';
} else if (left === '-175px') {
left = '-300x';
} else {
left = 0;
}
document.querySelector('#computer').style.background =
'url(https://imagescdn.gettyimagesbank.com/500/17/859/219/0/824700804.jpg) -30px -80px' + left + '0';
}, 100);
------------------질문
이미지 변경이 안되는데 어떤게 문제인지 모르겠습니다.

javascript

답변 1

0

제로초(조현영)

-80px 과 left와 0 사이에 띄어쓰기 한 칸쎅 두세요

iput 입력글자 제한에러...

0

227

0

리팩토링 관련 질문입니다. (자스스톤)

0

276

1

카드 짝맞추기 react-native

0

340

0

필터 메소드 관련 질문입니다.

0

339

1

가위바위보 게임 질문드립니다~

0

204

1

자바스크립트 기초에 관해서 질문있습니다.

0

209

1

질문입니다.

1

359

1

이벤트 리스너 안에서 동작 질문드립니다.

0

326

2

질문드립니다.

0

190

0

안녕하세요 깊은 복사 부분에서 질문 있습니다.

0

245

1

document.createElement('')함수에서

0

249

2

안녕하세요 클로저 부분에서 질문 있습니다.

0

280

1

안녕하세요 제로초님

0

739

1

끝말잇기 화면에 출력 반복문을 이용해서 횟수 제한

0

246

1

안녕하세요 제로초님 질문있습니다

0

318

1

안녕하세요 강의 정말 잘시청하고있습니다.

0

277

3

?

0

153

1

틱택토 게임에서 게임이 끝나고

0

567

1

9 곱하는게 이해가 안 되요~

0

174

1

지뢰찾기 에러잡아내기에서 질문있습니다!

0

459

4

지뢰찾기 에러 관련 질문!

0

484

3

리팩토링에 관한 질문입니다.

0

244

2

Array/Object spread

0

204

1

지뢰찾기게임에서 Math.random() 질문

0

224

1