ijooha 님의 블로그

'탭이동' classList 기능 연습         실습 목표 시작화면 : 기본 페이지로 시작탭 클릭 : '팀 소개' 혹은 '멤버 소개' 탭 클릭 시 해당 콘텐츠만 보이게 하기기능 : 해당 탭과 관련있는 콘텐츠만 노출, 외는 다 숨기기 자바스크립트는 처음 써봐서 선택자를 사용하는 것부터 살짝 시행착오가 있었지만, 재밌었다!코딩테스트 하면서 썼던 함수들 실제로 응용해봐서 더 좋았음         완성된 코딩 //변수const start = document.querySelector("#start-page");const content1 = document.querySelector("#team-page");const content2 = document.querySelector("#member-page");co..

'한국의 수도는?' 실습으로 반복문 연습하기        실습 내용 "한국의 수도는?" 프롬프트 창이 나온다.정답을 입력하면 → "정답입니다!" 알림창정답이 아닌 경우 → "틀렸습니다!" 알림 후 다시 프롬프트 창(정답 나올때까지 반복) 최종적으로 이런 플로우로 만들어 봤다.마침 저번 실습(조건문, 연산자)때 다시 입력하라는 알림창 후 처음으로 돌아가는 플로우로 어떻게 만드나 궁금했는데,바로 써먹을 수 있는 게 나와서 야호를 외치며 바로 적용해봄        개념 정리 반복문 (Loops)반복되는 코드를 묶어주는 역할 • for 반복문for (begin; conditoin; step) {body}begini = 0반복문에 진입할 때 한 번 실행conditioni 실행될 수 있는 조건stepi ++결과(b..

'투표할 수 있나요?' 실습으로 조건문과 연산자, 알림창 연습하기         실습 내용 "나이를 입력해 주세요!" 창이 뜨고 나이를 입력한다.나이가 18세 이상이면 → "당신은 투표를 할 수 있습니다!😎"나이가 18세 미만이면 → "당신은 투표를 하기에 너무 어립니다🥲"나이가 0세 이하 거나 100세 이상이면 → "정확한 나이를 입력해 주세요.🙂" 최종적으로 이런 플로우로 만들어 봤다.사실 캠프 과제는 콘솔창에 두가지 값이 나오도록 하는 거였는데,욕심이 생겨서 이것저것 추가하다보니 논리 연산자도 넣고 알림창도 넣게 된 이야기...        개념 정리 if 조건문if (조건) {결과}if참일 때 코드를 실행else if위 조건이 거짓일 때 다른 조건을 검사else위 모든 조건이 거짓일 때 코드..