study 코딩하자

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect06.html let text = document.querySelectorAll(".content__item__desc");//변수 text에 클래스 content__item__desc들 저장 text.forEach(el => {//text의 element값들을 el에 저장 let splitText = el.innerText;//변수 splitText에 el의 텍스트저장 let splitWrap = splitText.split('').join("");//변수splitWrap에 splitText의 글씨 사이에 넣어서 저장 splitWrap = "" + splitWrap + "

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect05.html function scroll(){//함수 scroll 실행 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; //변수 scrollTop에 브라우저의 pageYOffset값 또는 html의 scrollTop값 또는 브라우저의 screenY값 저장 document.querySelector(".scrollTop span").innerText = Math.round(scrollTop);//클래스 scrollTop의 span태그에 Math.round(scroll..

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect04.html function scroll(){//함수 scroll선언 let scrollTop = window.screenY || window.pageYOffset || document.documentElement.scrollTop; //변수 scrollTop에 브라우저의 pageYOffset값 또는 html의 scrollTop값 또는 브라우저의 screenY값 저장 document.querySelector(".scrollTop span").innerText = Math.round(scrollTop);//클래스 scrollTop의 span태그에 Math.round(scrollT..

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect03.html document.querySelectorAll("#parallax__nav li a").forEach(li => {//아이디 parallax__dot의 a태그들을 선택해 element값을 li에 저장 li.addEventListener("click", (e) => {//li를 클릭했을 때 이벤트 설정 e.preventDefault();//클릭했을 때 이벤트 초기화(a태그 초기화) document.querySelector(li.getAttribute("href")).scrollIntoView({behavior:"smooth"});//el의 href값으로 부드럽게 이동..

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect02.html document.querySelectorAll("#parallax__dot a").forEach(el => {//아이디 parallax__dot의 a태그들을 선택해 element값을 el에 저장 el.addEventListener("click", e => {//el을 클릭했을 때 이벤트 설정 e.preventDefault();//클릭했을 때 이벤트 초기화(a태그 초기화) document.querySelector(el.getAttribute("href")).scrollIntoView({behavior: "smooth"});//el의 href값으로 부드럽게 이동 });..

https://garenchoi.github.io/webs_class/javascript/effect/parallaxEffect01.html document.querySelectorAll("#parallax__nav li a").forEach(li => {//아이디 parallax__nav의 li태그의 a태그들 선택해서 index값 li에 저장 li.addEventListener("click", (e) => {//li를 클릭했을 때 이벤트 설정 e.preventDefault();//클릭했을 때 이벤트 초기화(a태그 초기화) document.querySelector(li.getAttribute("href")).scrollIntoView({//li의 href값으로 이동 behavior:"smooth";//부..