Manipulating Elements Practice
/*
< Manipulating Elements basic 1 >
화면에 "I am a paragraph"라는 텍스트가 나타날 수 있도록
<p> 태그에 텍스트를 추가해주세요!
🚨 HTML, CSS는 건드리지 않고 JS만 수정해주세요.
*/
const pElement = document.querySelector("p");
/*
< Manipulating Elements basic 2 >
"paragraph1"을 아래 "paragraph2"와 동일한 단어가 되도록
폰트 사이즈는 100px, 색상은 #55ff00로 수정해주세요!
🚨 HTML, CSS는 건드리지 않고 JS만 수정해주세요.
*/
const itemElement = document.querySelector(".item");
/*
< Manipulating Elements basic 3 >
오른쪽 요소가 왼쪽 요소와 같이 "yellow" 색상을 가질 수 있도록
배경색을 수정해주세요!
🚨 HTML, CSS는 건드리지 않고 JS만 수정해주세요.
*/
const rightElement = document.querySelector(".right");
/*
< Traffic Lights >
왼쪽 신호등을 오른쪽 신호등과 같이
Stop, Pause, Go라는 텍스트를 추가해주시고
red, orange, green 클래스를 추가하여
빨간색, 주황색, 초록색 배경색을 가질 수 있도록 수정해주세요!
🚨 HTML, CSS는 건드리지 않고 JS만 수정해주세요.
*/
const wrapperElement = document.querySelector(".lightWrapper");
const redLightElement = wrapperElement.children[0];
const orangeLightElement = wrapperElement.children[1];
const greenLightElement = wrapperElement.children[2];
Last modified 1yr ago