구름 삽입하기
Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 16번째.
JavaScript에서 repeat() 메서드는 문자열을 지정된 횟수만큼 반복해 연결한 새로운 문자열을 생성하고 반환합니다.
예를 들어:
const newString = 'test'.repeat(5)
console.log(newString) // testtesttesttesttest
챌린지
쉬움지난 레슨에서는 JS를 사용하여 무작위 요소를 주입했습니다.
이제 그 대신 구름을 주입하고(이미 HTML 코드가 준비되어 있습니다) 최소 5번 반복하세요.
걱정하지 마세요. 하나의 구름만 움직이고 나머지는 왼쪽 상단에 고정되어 보일 것입니다. 다음 레슨에서 모든 구름에 애니메이션을 적용할 것입니다.
구름을 너무 많이 반복하면 메모리 문제가 발생할 수 있으니 주의해서 사용하세요!
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>