Jade_o.o

아이스크림 베스트9 구현하기 - 이달의 맛 BEST 9가지를 카드로 생성하려고 합니다. - 각 카드에서 보여줄 정보는 다음과 같습니다 - 아이스크림 이미지 - 순위 - 맛 이름: icecreams 변수에 배열로 미리 정의해 두었습니다. - [ ] img 태그 생성 - [ ] src 속성 값으로 이미지 사진 경로 추가 (image 폴더내 파일명 확인해주세요. icecream1.png가 1위, ... icecream9.png가 9위 입니다. ) - [ ] img-box 클래스를 추가해주세요. - [ ] h3 태그 생성 - [ ] 태그 내용(content)이 Top1~9가 되도록 설정해주세요. - [ ] text-center 클래스를 추가해 글씨가 가운데 정렬되도록 해주세요. - [ ] div 태그 생성 - ..

html class 제어하기 - TODO List에서 완료한 일과 해야할 일 표시가 뒤바뀌도록 js코드로 작성 - [주의] 완료한 일은 done 클래스를 갖고, 해야할 일은 todo 클래스를 갖도록 코드를 변경하기 2) html class 제어하기 TODO List 변경하기 TODO List 점심 먹기 커피 마시기 과제 완성하기 운동하기 저녁먹기 2) html class 제어하기_ver2 TODO List 변경하기 TODO List 점심 먹기 커피 마시기 과제 완성하기 운동하기 저녁먹기

HTML 내용 변경하기 - span 요소를 선택하여 해당 요소의 내용을 '맛있다'에서 '맛없다로 변경하기 - span 태그의 글씨 색상과 폰트 굵기를 변경하기 - [주의] html 코드 변경 없이 js코드로만 변경 이행 1) HTML 내용 변경해보기 민트 초코는 맛있다 >__<

JavaScript DOM 요소 추가와 삭제에 대해 알아보자 먼저 전체 html코드를 살펴보고 브라우저로 실행된 콘솔창도 함께 보자 (+) js 파일 분리해서 사용하는 경우 defer 추가해서 DOM 요소 로드 후에 실행해 줄 수 있다! 1 2 3 4 5 createNode appendNode appendChildNode prependNode before after removeNode removeChildNode let ul = document.querySelector('ul') console.log(ul) // null // html 코드 1 2 3 4 5 createNode appendNode appendChildNode prependNode before after removeNode removeCh..