기록 ＞ 기억

회원가입 유효성 검사 예제 ) 회원가입 아이디 암호 암호확인 성명 주소 상세주소 let frm = document.frm_zip; let isEqual = false; //비밀번호 체크 frm.pwd2.onchange = function() { let chkPwd = document.getElementById("chkPwd"); let str = ""; if(frm.pwd.value != frm.pwd2.value) { str = "비밀번호가 다릅니다"; chkPwd.style.color = "red"; isEqual = false; }else { str = "√"; chkPwd.style.color = "green"; isEqual = true; } chkPwd.innerHTML = str; } //우..

로또번호 출력하기 예제 ① 게임수 예제 ② 게임수

Date 객체 ● 객체 생성 let d = new Data();//현재 날짜와 시간 ● 주요 메서드 getFullYear() 연도 정보 가져옴 setFullYear() 연도 수정함 getMonth() 월 정보 가져옴 (0 ~ 11) setMonth() 월 수정함 getData() 일 정보 가져옴 setData() 일 수정함 getDay() 요일 정보 가져옴 (일: 0 ~ 토: 6) getHours() 시 정보 가져옴 setHours() 시 수정함 getMinutes() 분 정보 가져옴 setMinutes() 분 수정함 getSeconds() 초 정보 가져옴 setSeconds() 초 수정함 getMilliseconds() 밀리초 정보 가져옴 (1/1,000초) setMilliseconds() 밀리초 수정..

이벤트 ● 이벤트 설정 방법 ① html 태그에 직접 이벤트 설정 ② 고전 이벤트 방식 ③ 이벤트 리스너 방식으로 설정 (권장) ● 이벤트 종류 onfocus 객체가 포커스를 받았을 때 onblur 객체가 포커스를 잃었을 때 onchange 내용이 변경 될 때 onclick 객체를 클릭 할 때 onload html 문서 로딩 후 onunload 현재 html 문서 종료 할 때 onmousemove 마우스를 이동할 때 onmouseover 마우스 포인터가 있을 때 onmouseout 마우스 포인터가 벗어났을 때 onmousedown 마우스를 눌르고 있을 때 onmouseup 마우스를 놓았을 때 onreset reset 버튼을 클릭 할 때 (true, false 반환) onsubmit submit 버튼을 클..

select 객체 예제 ① 흰색 검정 빨강 초록 파랑 노랑 민트 예제 ② 성적 조회 성명 과목 국어 영어 수학 전산 세계사 성적 시험종류 월말고사 기말고사 특별전형 ⒜ student[1] = frm.subject.value; ⒝ student[1] = s.options[s.selectedIndex].value; ⒞ for(let i=0; i

checkbox 객체 예제 ① 회원정보수정 성명 성별 남자 여자 취미 축구 농구 배구 탁구 족구 야구

radio 객체 예제 ① 검정 파랑 초록 빨강 노랑 흰색 오렌지 ● 자바스크립트에서도 스타일 지정 가능 obj.ta.style.backgrondColor → form 안에 textarea 의 배경색 지정 css 에서는 background-color javascript 에서는 backgoundColor ( - 없애고 카멜 표기법으로 표시)

text 객체 예제 ① ● form 안에 객체에 접근할 때는 name 속성으로 접근 예제 ② 학생명 국어 영어 수학 컴퓨터 총점 평균 window.onload = function() { //이름, 국어, 영어, 수학, 컴퓨터 순 let score = [ "홍길동", 90, 80, 70, 100 ]; let frm = document.frm_score; //초기값 세팅 frm.irum.value = score[0]; frm.kor.value = score[1]; frm.eng.value = score[2]; frm.math.value = score[3]; frm.computer.value = score[4]; //총점 계산 calTotAvg(frm); //수정버튼 클릭시 frm.btnModify.oncli..