javascript30

🤳 Day6 - JavaScript로 정규표현식을 이용한 검색창 구현하기JavaScript 30의 여섯 번째 프로젝트는 정규표현식을 이용하여 검색창을 구현하는 프로젝트입니다.😃 HTML 코드12345678910111213141516171819 Type Ahead 👀 Filter for a city or a state Colored by Color Scriptercs 😃 CSS 코드1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677html { box-sizing: border-box; backgrou..

🎨 Day3 - JavaScript로 CSS 업데이트하기JavaScript 30의 세 번째 프로젝트는 JavaScript를 통해 이미지의 CSS를 업데이트하는 프로젝트이다. 😃 HTML 코드123456789101112131415161718192021222324252627282930313233343536373839404142 clock UPDATE CSS VARIABLES WITH JS Spacing: Blur: Base Color: Back to List Javascript30 Day3 Colored by Color Scriptercs😃 CSS 코드12345678910111213141516171819202122232425262728293031323334:root { --base: #ffc600; --sp..

🎹 Day 1 - JavaScript로 악기 만들기 JavaScript 30의 첫 번째 프로젝트는 '드럼 킷 만들기'이다. 특정 키보드 버튼을 누르면 해당하는 드럼 소리가 나와서 연주를 할 수 있는 프로젝트이다. 😃 HTML 코드 SYNTH PIANO A S D F G H J K L ; ' Back to List Javascript30 Day1 😃 JavaScirpt 코드 playSound = e => { const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`); const key = document.querySelector(`li[data-key="${e.keyCode}"]`); if (audio) { audio..