반복문을 통한 순회 및 조작
Coddy의 JavaScript DOM 메서드 코스 레슨 — 13개 중 6번째.
도전해 봅시다!
챌린지
쉬움클래스 이름이 item인 5개의 단락이 포함된 HTML 코드가 제공됩니다.
JavaScript만 사용하여, 단락의 텍스트를 번호가 매겨진 목록처럼 수정하세요.
예상되는 출력 결과는 다음과 같습니다:
JS 수정 사항을 확인하려면 웹 페이지를 새로고침하는 것을 잊지 마세요!
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="item">Banana</p>
<p class="item">Apple</p>
<p class="item">Pear</p>
<p class="item">Water</p>
<p class="item">Milk</p>
<script src="script.js"></script>
</body>
</html>