목록분류 전체보기 (13)
앵코딩
3.Function
Alert 박스 닫기 버튼 전 시간에 작성한 코드는 아주 길다 function을 사용하면 긴 코드를 깔끔하게 한 단어로 줄일 수 있다! Alert 박스 닫기 버튼 //짓고싶은 이름 function close_box() { //축약할 코드 작성 document.getElementById('alert-box').style.display = 'none'; } function open_box() { //축약할 코드 작성 document.getElementById('alert-box').style.display = 'block'; } 자주 겪는 버그 변경하고자 하는 html 요소를 위에 작성하고 그 하위에 script를 작성해야함 => 브라우저가 문서를 위에서 아래로 읽어들이기 때문 에러메시지 uncaught T..
JavaScipt/codingapple
2023. 3. 26. 04:04
버튼을 누를시 alert박스가 나타나게 하기 Alert 박스 버튼 .alert-box { background: rgb(255, 230, 245); color: rgb(39, 41, 37); padding: 20px; border-radius: 5px; display: none; /* 숨겨줌 보여줄땐 display : block*/ } uI만드는 법 1. 미리 디자인하기 2. 숨기기 3. 원할때 JS를 이용해서 보이기 숙제 alert창에 닫기버튼 구현 Alert 박스 닫기 버튼 위에 배웠던 alert-box를 나타나게 하는 방식과 같은 원리로 구현하니까 완성 !
JavaScipt/codingapple
2023. 3. 26. 03:18