Java Script (31) 썸네일형 리스트형 DOM//Child nod Dom : Document Object Model 각 Tag를 접근하기 위한 Object 그 Object를 접근하기 위한 함수 h3 tag id intro p tag id demo 버튼 Benz BMW Volvo 선택 첫번째 p태그 두번째 p태그 뒤에 추가 앞에 추가 삭제 p태그던 h태그던 리스트로 묶어 불러 글자변경 및 색상수정 등의 유지보수를 함 Hello World I can do it Never Change My Mind NodeList 마우스 이펙트 1. onMouseDown onMouseUp onMouseOver onMouseOut 방법1 방법2 이미지의 name을 가져와서 document.box.src로 수정 예) 2. 나이 : 세 3. 우편번호 입력란 T : - 바나나 사과 배 //select에서 옵션을 변경할 경우 알림창이 뜸 function changeVal() { alert('changeVal 호출'); } 숫자가 아닌 문자가 포함됐을 경우를 체크할때 function isPostNum(obj) { let str = obj.value; //alert(str); //숫자가 아닌 문자가 포함됐을 경우를 체크할때 if (str.match(/[^0-9]/g)) {//숫자가 아닌 문자가 포함되어 있는 경우 true; alert('숫자가 아닌 문자가 .. 문자열 아스키코드값으로 받기 select에서 옵션을 변경할 경우 알림창 설정하기 바나나 사과 배 //select에서 옵션을 변경할 경우 알림창이 뜸 function changeVal() { alert('changeVal 호출'); } 숫자가 아닌 문자가 포함되어 있습니다 우편번호 입력란 T : - function isPostNum(obj) { let str = obj.value; //alert(str); //숫자가 아닌 문자가 포함됐을 경우를 체크할때 if (str.match(/[^0-9]/g)) {//숫자가 아닌 문자가 포함되어 있는 경우 true; alert('숫자가 아닌 문자가 포함되어 있습니다'); } } 다음 생일까지 남은 일수 1번 : 2021/01/01 다음 생일까지 남은 일수 다음 버튼을 클릭하여 생일을 입력하면, 다음 생일까지 남은 일수를 볼 수 있습니다 2번(강사님방법) : 생일 월과 일을 각각 따로 입력받음, 1년단위로 계산, 날짜가 마이너스(-)일경우 +1년해줘서 결과값도출 다음 생일까지 남은 일수 다음 버튼을 클릭하여 생일을 입력하면, 다음 생일까지 남은 일수를 볼 수 있습니다 현재 시각은**입니다 환영합니다 ※현재 시각은 입니다. 버튼을 클릭하면 2개의 주사위가 랜덤됩니다. 1번 2개의 주사위 버튼을 클릭하면 2개의 주사위가 랜덤됩니다. 2번 2개의 주사위 버튼을 클릭하면 2개의 주사위가 랜덤됩니다. 3번 2개의 주사위 버튼을 클릭하면 2개의 주사위가 랜덤됩니다. 이전 1 2 3 4 다음