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

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기 끝

저작자표시 비영리 변경금지

'일반 활동 기록 > 혼공학습단 8기' 카테고리의 다른 글

[혼공학습단 8기][자바스크립트]5주차 미션 기록 (0)	2022.08.09
[혼공학습단 8기][자바스크립트]4주차 미션 기록 (0)	2022.08.09
[혼공학습단 8기][자바스크립트]3주차 미션 기록 (0)	2022.07.24
[혼공학습단 8기][자바스크립트]2주차 미션 기록 (0)	2022.07.17
[혼공학습단 8기][자바스크립트]1주차 미션 기록 (0)	2022.07.10

'일반 활동 기록 > 혼공학습단 8기' 카테고리의 다른 글

티스토리툴바