TIL 12.16 - Code Camp 5일차

박선우·2022년 12월 16일
0

code_camp

목록 보기
5/31

5일차 code camp

  1. Javascript -> 이벤트 핸들러

1-1 이벤트 헨들러


// 모든 input태그에 입력이 되있지 않으면 버튼 비활성화
const checkValidation = () => {
    let email = document.getElementById('email').value;
    let pw1 = document.getElementById('pw1').value;
    let pw2 = document.getElementById('pw2').value;

    if (email && pw1 && pw2) {
        document.getElementById('submit').disabled = false;
    } else {
        document.getElementById('submit').disabled = true;
    }
};


// 자동으로 다음칸으로 이동 시키기
const changeFocus1 = () => {
    let phone1 = document.getElementById('p1').value;
    if (phone1.length === 3) {
        document.getElementById('p2').focus();
    }
};

const changeFocus2 = () => {
    let phone2 = document.getElementById('p2').value;
    if (phone2.length === 4) {
        document.getElementById('p3').focus();
    }
};

Javascript

1.과제

  • 5일차 과제 = html, CSS , Javascript
  • 싸이월드를 마무리 짓고, 1주일동안 배운걸 토태로 회원가입창 만들기였다.
  • 싸이월드 마무리

  • 5일차 과제 회원가입 (코드는 => girhub)

  1. 오늘 느낀점
  • 1주일차 마지막 이번주에 배운걸 토대로 회원가입창 하나 만드는데 3시간이 걸린것 같다.. 아직 익숙 하지도 않고 어렵게만 느껴진다...
  • 그래도 처음 1일차를 보면 실력이 느는게 보여서 안심이다.
  1. 오늘 한일
    4-1 프리캠프 수강
    4-2 과제 진행(3시간걸림..)
    4-3 블로그 정리
    4-4 오늘 공부 한 코드들 git 업로드
  1. 내일 할일
    5-1 CSS 수강
    5-2 블로그 정리
    5-3 오늘 공부 한 코드들 git 업로드
profile
코린이 열심히 배우자!

0개의 댓글