방향 번갈아 바꾸기
Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 12번째.
지금 당장은 구름이 오른쪽으로만 움직이고 있는데, 이것도 멋지지만 충분하지는 않습니다. 이제 구름이 오른쪽과 왼쪽을 번갈아 가며 움직이도록 만들어 보겠습니다!
챌린지
쉬움JavaScript 파일에서, 인터벌(interval)이 실행될 때마다 방향이 번갈아 바뀌도록 기능을 추가하세요.
어떤 결과가 나타나야 하나요?
인터벌이 첫 번째로 실행될 때, left 스타일은 100%와 같아야 합니다.
인터벌이 두 번째로 실행될 때, left 스타일은 -50%와 같아야 합니다 (더 크거나 작을 수 있으니 테스트를 통해 가장 적합한 값을 확인해 보세요).
인터벌이 세 번째로 실행될 때, left 스타일은 100%와 같아야 합니다.
이런 식으로 계속 반복됩니다...
확실하지 않다면 힌트를 확인해 보세요.
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>