Dseok의 코딩스터디

📌 개요HTML, CSS, JavaScript를 활용하여 디지털 모래시계 타이머를 구현합니다. 사용자가 버튼을 클릭하면 모래가 흘러내리는 애니메이션과 함께 타이머가 시작되며, 시간이 끝나면 알림을 출력하는 기능이 포함됩니다. 📌 구현 기능버튼을 클릭하면 타이머 시작모래가 점점 차오르는 애니메이션 효과 적용타이머 종료 시 메시지 출력JavaScript의 setInterval()을 활용하여 시간 감소📌 HTML 구조 ⏳ 디지털 모래시계 10초 남음 타이머 시작  📌 코드 설명✅ 1. HTML & CSS 구성sand-timer: 모래시계 컨테이너sand: 모래 애니메이션 영역timer-text: 타이머 텍스트 표시button: 타이머 시작 버튼✅..

📌 개요HTML의 요소에 사용자가 값을 입력하면 리스트()가 동적으로 추가됩니다. 이후, 추가된 요소들 중 랜덤하게 선택된 요소가 3초마다 깜빡이는 효과를 구현합니다.이 기능은 JavaScript의 DOM 조작 및 이벤트 처리를 활용하여 구현됩니다. 📌 구현 목표사용자가 에 값을 입력하고 버튼을 누르면 요소가 생성됨생성된 요소를 객체로 관리하여 랜덤하게 선택3초마다 무작위로 선택된 요소가 깜빡이는 효과 적용📌 HTML 구조 랜덤 깜빡이기 기능 추가   📌 코드 설명✅ 1. 사용자 입력값을 리스트에 추가addButton.addEventListener("click", () => { const value = inputField.value.trim(); /..