728x90
반응형

classList 2

비주얼 스튜디오 코드 81_마우스오버효과_자바스크립트

html mark up main: 가장중요한 부분을 넣어주는 태그 좌표 만들기 css reset .bottom css edit 배경색: body의 백그라운드 컬러 / 컬러가 지정되어있으면 반드시 넣어야한다. 배경에 사진넣기 .contents css edit .cursor css edit .cursorl.on css edit javascript 마우스 도형 움직이기 윈도우에 있는 마우스를 움직였을 때 이벤트를 발생해라 window.addEventListener("mousemove",e => { }); jqeury : $(). = javascript : document.querySelector() 마우스를 움직였을 때 html의 x값 좌표를 출력해라. 나머지 클래스도 좌표값 넣기 좌표를 마우스도형에 넣어주기..

[JAVASCRIPT]5.클래스 제어하기

html 마크업 #wrap article css 편집 자바스크립트로 박스안에 아쿠아색 클릭했을 때 핑크로 변경하기 변수 지정 아쿠아를 클릭하면 핑크로 변경된다. addClass = classList >> 클래스를 추가한다. click하면 "on"이 발생하도록한다. wrap.addEventListener("click",()=>{ wrap.classList.add("on"); }); 클래스가 없기 때문에 false가 뜬다. wrap.addEventListener("click",()=>{ wrap.classList.add("on"); let isOn = wrap.classList.contains("on"); console.log(isOn); }); 클래스를 추가하면 true가 된다. if문을 이용해서 자바스크..

728x90
반응형