웹 개발40 24. 자바스크립트 다양한 출력들4 1. 회원가입 기능 window.onload = function(){ const ssn1 = document.getElementById('ssn1'); ssn1.addEventListener('keyup', () => { if(ssn1.value.length >= 6){ document.getElementById('ssn2').focus(); } }); const ssn = document.querySelectorAll('.ssn'); ssn.forEach((s) => { // console.log(s); s.addEventListener('input', () => { document.ge.. 2024. 4. 18. 23. 자바스크립트 기본 정리4 1. 정규 표현식문자열에서 특정 문자 조합을 찾기 위한 패턴 정규 표현식 표기 /정규 표현식 패턴/아이디 패턴 만들기 영문 대문자 또는 소문자만 입력길이는 4자이상 20자이하로 입력 가능/^[A-Za-z]{4, 20}$/이름 패턴만들기한글만 사용 /^[가-힣]+$/휴대폰번호 패턴 만들기정수 3자리 - 정수 3자리 또는 4자리 - 정수 4자리예) 010-1111-1111 또는 010-111-1111/^\d{3}-\d{3, 4}-\d{4}$/이메일 패턴 만들기영문 대문자 또는 소문자 입력이메일 패턴에 의한 @, .이 포함예) aaa@aaa.com, der.ryu@aaa.com/^[A-za-z0-9\-\.\_]+@[A-za-z0-9\-]+\.[A-za-z]+$/검증하기test(): 정규표현식.. 2024. 4. 18. 22. 자바스크립트 다양한 출력들3 1. String 객체 String 객체 2. Date 객체 Date 객체 3. 폼(form) 개체 폼 객체 확인 4. setTimeout3초 뒤에 alert 발생 setTimeout 5. setInterval setInterval 중지6. 시계 만들기 시계만들기 시작 중지 7. location 객체 location 객체 페이지 정보 이동하기 새로고침 8. history 객체 history 객체 뒤로 앞으로 새로고침9. navigator 객체 navigator 객체 .. 2024. 4. 17. 21. 자바스크립트 기본 정리3 1. 객체String 객체const str1 = 'JavaScript';const str2 = new String('JavaScript');str1 == str2; //truestr1 === str2; //false Date 객체날짜, 시간 등을 쉽게 처리할 수 있는 내장 객체 const 변수명 = new Date(); // 현재 날짜 시간 const 변수명 = new Date(년, 월ㅇ, 일,시, 분, 초, 밀리초); // 입력한 날짜 시간에 대한 객체연도(year)2자리로 표기 예) 23 -> 1923년4자리로 표기 예) 2024 -> 2024년월(month)0 ~ 11 예) 0 -> 1월, 11 -> 12월 2. 폼(form) 관련 객체 폼(form) 개체일반적인 폼.. 2024. 4. 17. 이전 1 2 3 4 5 6 7 ··· 10 다음
