[ 혼공단 / JS ] 6주차 - Chapter 07~08

💡 진도 : Chapter 07 ~ 08

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

💡 선택 미션 : p. 325 누적 예제를 활용하여 본인의 할 일 목록 만들어 캡처하기

기본 미션

    document.addEventListener('DOMContentLoaded', () => {
        const rects = document.querySelectorAll('.rect')   //특정 클래스로 요소 선택
    
        rects.forEach((rect, index) => {
            const width = (index + 1) * 100
            const src = `<a href=http://placekitten.com/$>http://placekitten.com/$</a>{width}/250`
            rect.setAttribute('src', src)	//rect.src = src로 줄일 수 있음
        })
    })
   

책을 놓고 와서 😢 추후에 다시 보고 올릴 예정이다..!..