본문 바로가기

html3

Modal Project modal project를 연습해봤다. 공부한 내용을 주석으로 작성했다. OPEN MODAL 클릭시 페이지 index.html main.js ✏️ Course created by John Smilga. Check out his YouTube channel: / codingaddict https://github.com/dancingcarrot/miniproject/tree/main/Modal 2023. 3. 30.
Blur Hover Effect javascript공부를 하면서 잊어가는 html/css감각을 되살리기 위해서 html/css 프로젝트도 연습해보았다. 코드연습을 손으로 하는게 습관이 돼서 블로그에 남기는게 어렵다.. 전부 종이에 작성한다.. 언제쯤 블로그나 기록을 남길 수 있는 곳에 작성하는 습관을 들일 수 있을까ㅜㅜ hover 후 결과 index.html style.css https://blog.bitsrc.io/40-html-css-projects-for-beginner-2021-5bd01ff62361 40 Web Development Projects For Beginners — HTML CSS 40 small projects for beginners to get up and running with HTML, CSS, and We.. 2023. 3. 30.
Color Flipper CLICK ME 버튼을 누르면 배경색이 바뀌는 프로젝트!! 공부하면서 주석 달아봤다. color flipper simple //simple 클릭시 index.html로 이동한다. hex //hex 클릭시 hex.html로 이동한다. background color : #f1f5f8 //배경색 설정 click me //click me 버튼 생성 index.html const colors = ["green", "red", "rgba(133,122,200)", "#f15025"]; //colors 변수에 색깔 배열 넣기 const btn = document.getElementById("btn"); // id "btn"에 접근하는 함수 const color = document.querySelector(".colo.. 2023. 3. 29.