TrafficLight(HTML+CSS+JavaScript)1

• [JavaScript_Example] TrafficLight(HTML+CSS+JavaScript) 1. 코드 설명 신호등을 HTML+CSS로 만든다. div를 사용해서 사각형 디비전, 원(border-radius:50%) 디비전을 만든다. 버튼을 만든다. 버튼을 클릭하면(.button:active{}) 색상이 바뀌어 사용자가 클릭했는지 알 수 있게 만든다. 처음 신호등 원의 색상은 회색으로 시작한다. 클릭하면 3초간 초록불 점등 >> 2초간 노란불 점등 >> 3초간 빨간불 점등>> 3초간 초록불 점등... 계속 반복하도록 만든다. 2. 코드 초록색 노란색 빨간색 Run! window.onload 웹 페이지가 완전히 로드되고 초기화된 후에 실행되는 이벤트 핸들러 DOM 요소에 접근하거나 조작해야 하는 스크립트에서 중요한 역할 DivGreen, DivYellow, DivRed가 전역 변수로 쓰였기 때문에.. Coding 공부/JavaScript 2024. 3. 25.