[혼공학습단 8기][자바스크립트]6주차 미션 마지막 기록

두부와 백설기 2022. 8. 23. 16:44

6주차
(8/15 ~ 8/21)

Chapter 07 ~ 08

p.315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 캡쳐하기.

p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡쳐하기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img class="rect">
    <img class="rect">
    <img class="rect">
    <img class="rect">
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const rects = document.querySelectorAll('.rect')

            rects.forEach((rect, index) => {
                const width = (index + 1) * 100
                const src = `http://placekitten.com/${width}/250`
                rect.setAttribute('src', src)
            })
        })
    </script>
</body>
</html>

해야 할게 많아 이도저도 못 하다가 제대로 공부하지 못 한거 같다.

자바스크립트는 꼭 다시 복습 할 생각이다. 혼공단 8기 끝

저작자표시 비영리 변경금지 (새창열림)