퍼블리싱 아카이브

See the Pen eventhandler by breeghty (@breeghty) on CodePen.

HTML, Javascript ID Check! Password Check! Close CSS button { padding: 40px; font-size: 48px; color: blue; background-color: yellow; border: none; border-radius: 5px; cursor: pointer; margin-right: 100px; } #alertBtn { display: none; } #text { color: blue; font-size: 36px; background-color: yellow; } /*# sourceMappingURL=alert.css.map */

1. onclick 이벤트 Click Me!! 버튼을 누르면 이벤트가 실행되는 코드. onclick에 직접 자바스크립트 코드를 작성하는 경우도 있지만 보통은 간편하게 사용하기 위해 function을 활용하여 작성한다. 2. function function 함수이름(parameter){ //함수내용 작성 } 3. function & onclick 사용해서 열고 닫는 버튼 만들기(openBtn, closeBtn) Alert Box close! open! .alert-box { background-color: rgb(76, 76, 211); color: yellow; padding: 20px; border-radius: 5px; } open을 누르면 alert box가 보이고 close를 누르면 사라진다. 4..