웹 공부중... 내 코딩 정리노트

//숙제: 만약에 reveal 클래스가 있는 //글씨를 span으로 감싸주고 //글씨를 다 넣어줘야 함 //여러개 글씨 쪼개기 document.querySelectorAll(".content__item__desc").forEach(desc => { //글자(= desc) 선택(다중) let splitText = desc.innerText; //.content__item__desc의 text값 가져오기 let splitWrap = splitText.split('').join(""); //.content__item__desc의 텍스트 한 글자 사이마다 삽입 splitWrap = "" + splitWrap + ""; //desc의 텍스트를 ~로 감싸줌 desc.innerHTML = splitWrap; //de..

//글씨 쪼개기 // let text = document.querySelector("#section1 .content__item__desc"); // let splitText = text.innerText; // let splitWrap = splitText.split('').join(""); // splitWrap = ""+splitWrap+""; // text.innerHTML = splitWrap; // // alert(splitWrap) //여러개 글씨 쪼개기 document.querySelectorAll(".content__item__desc").forEach(desc => { let splitText = desc.innerText; let splitWrap = splitText.split(''..

// window.addEventListener("scroll", () => { // let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; // document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); // }); function scroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; document.querySelector(".scrollTop span").innerText = Math...

// window.addEventListener("scroll", () => { // let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; // document.querySelector(".scrollTop span").innerText = Math.round(scrollTop); // }); function scroll() { let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; document.querySelector(".scrollTop span").innerText = Math...

// window.addEventListener("scroll", () => { // let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; // //스크롤 값이 0보다 크면 SHOW 클래스 추가 // if(0{ if(nowScroll){ nowScroll = false; hasScroll(); } }, 300); // console.log(nowScroll); } function hasScroll(){ let scrollTop = window.pageYOffset || document.documentElement.scrollTop || window.scrollY; if(scrollTop < la..

document.querySelectorAll("#parallax__dot a").forEach(el => { el.addEventListener("click", e=>{ e.preventDefault(); // window.scroll(0,1000); // window.scroll({left:0, top:1000}); // window.scroll({left:0, top:1000, behavior:"smooth"}); // window.scrollTo(0,1000); // window.scrollTo({left:0, top:1000}); // window.scrollTo({left:0, top:1000, behavior:"smooth"}); // window.scrollBy(0,1000); // win..

// 네비 누르면 스무스하게 스크롤 이동 document.querySelectorAll("#parallax__nav li a").forEach(li => { li.addEventListener("click", (e) =>{ e.preventDefault(); document.querySelector(li.getAttribute("href")).scrollIntoView({ behavior:"smooth" }) }) }) window.addEventListener("scroll", () => { // let scrollTop = window.pageYOffset; // let scrollTop = document.documentElement.scrollTop; // let scrollTop = window..