전체 글 73

jQuery 제이쿼리

DOCTYPE html> jQuery // window.addEventListener("load", function(){ // var h1 = document.querySelector("h1"); // h1.addEventListener("click", function(){ // this.style.color = "red"; // }); // document.querySelector("h1").addEventListener("click", function(){ // this.style.color = "red"; // }); // }); $(function(){//ready 이벤트(load + jQuery준비완료 시점) //jQuery는 무조건 무언가를 선택하면서 시작한다 //-> $(대상) + 제공되는 ..

Javascript 2023.10.11

글자크기 조절 문제

DOCTYPE html> 글자크기 조절 문제 window.addEventListener("load", function(){ var buttonList = document.querySelectorAll(".btn"); for(var i=0; i < buttonList.length; i++) { buttonList[i].addEventListener("click", function(){ //this == 클릭된 버튼(이벤트의 주인공) var div = document.querySelector(".target"); div.style.fontSize = this.dataset.fontsize +"px"; }); } }); 글자 크기 조절 문제 아주작게 작게 보통 조금크게 크게 스위스에서 오셔서 산새들이 속삭이는..

Javascript 2023.09.30