늦깍이 코린이

1. HTML로 NAVBAR와 LIST 준비 Navbar An item A second item A third item A fourth item And a fifth one 2. CSS .list-group{ max-height: 0; transition: max-height 1s ease-out; overflow: hidden; } .show{ max-height: 300px; transition: max-height 1s ease-in; } overflow : hidden 과 transition: max-height 1s ease-out / ease-in 1. overflow : hidden overflow CSS 단축 속성은 요소의 컨텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처..

해당 글은 노마드 코더의 '바닐라JS' 챌린지의 내용 정리입니다. 실행 화면 주의했던 점 Machine Number를 Submit Number가 넘지 않도록 한다. Machine Number와 Submit Number의 자료형이 'Number'가 아니라면 alert 해주자.(해당 주의점은 시도하였으나, 알 수 없는 이유로 실패, 추후 다시 해볼 예정) HTML code Random Number Game Generate a number between 0 to Guess the number: Play! 헤맨 부분 div의 구역을 나눠서 텍스트와 input부분을 잘 맞춰서 정렬하는 것. [div의 구역 나누기] span은 style ="display:inline-block;"을 사용해야 한 블록을 가지게 된다..