JavaScript

DOM 트리 순회더보기새로운 요소 생성활용 예시firstChildcreateElement(태그이름)appendChild(node)메서드를 활용하기 List Item 1 List Item 2 List Item 3 List Item 4 List Item 5 Tulips.jpg 셔틀콕.jpg crismasth.jpeg Koala.jpg studycom.jpg <li onclick="proc3(this)"> 각 li항목에 onclick=""이벤트 핸들러 설정 Tulips.jpg 셔틀콕.jpg crismasth.jpeg Koala.jpg studycom.jpg TextNode추가/ 삭제docume..

더보기assign(), replace(), reload()assign() : 새로운 문서 로드, 히스토리 남김, 뒤로가기 가능replace() : 새로운 문서 대체, 히스토리남기지 않음, 뒤로가기 불가능reload() : 현재 문서 다시 로드 location객체 URL정보를 가진 객체 href = url 전체정보 location객체 URL정보를 가진 객체 href = url 전체정보 assign() : 새로운 문서 로드/히스토리 남김/뒤로가기 가능 replace() : 새로운 문서로 대체/히스토리 남기지 않음/뒤로가기 불가 a 태그에서 script 함수 호출이동이동이동..

Window 객체open opener 새창으로 띄울 HTML setTimeout(code, millisec) / setInterval(code, millisec)code : 호출되는 함수이름/ 함수 호출 방식이 아니고 참조값 받도록 정의되기 때문에 ()는 붙이지 않음 setTimeout(function(){},millisec) 시간이 경과하면 function() 실행된 후 종료 1초 후에 result1의 배경색을 변경 setInterval(function(){},millisec) 시간이 경과할 때 마다 function()이 실행 종료하기 위해서는 clearInterval(변수) 1초가 경과할 때 마다 result2의 배경색..

Math객체더보기랜덤 객체0.0 Math.floor(Math.random() * (최대값-최소값+1)+최소값)Math.round(Math.random() * (최대값-최소값)+최소값)parseInt(Math.random() * (최대값-최소값)+최소값) 랜덤수 발생, 맞추기1부터 100사이 숫자 입력 시도 숫자 문제1. 가위 바위 보 게임을 할 수 있는 프로그램을 작성하시오. (컴퓨터는 랜덤, 사용자는 prompt로 입력 받아서 처리)2. 로또 번호를 생성하는 프로그램을 작성하시오. (1번 ~ 45번 중 6개의 번호를 추첨)  가위바위보 로또생성 (1~45번 중 6개의 번호 추첨)

String 객체 메서드더보기trim()데이터 입력 시 실수로 입력된 앞 뒤 공백같은 것을 제거시켜 데이터가 정상 입력되게 함 replace (search, value)search하는 값을 정규식으로도 표현가능정규식 /   /ex [0-9]{3} , [a-z] ....만약 뒤에 g를 붙인다면 java의 replaceAll 처럼 사용이 가능하다 입력된 기호 엔터를 <br>태그로 바꿔서 출력 replace(search, value)  spilt(구분자, 갯수)갯수를 생략하면 전체의 배열이 저장되지만갯수를 지정하면 앞에서 부터 갯수만큼의 배열의 길이만큼 저장된다 문자열을 배열로 변환 - 배열 메서드 join과 반대split(구분자,갯수) : 갯수를 생략하면 전체를..

Date()객체를 생성하여 현재 날짜 생성특정한 날짜를 생성하기 위해선 가로안에 값을 직접 쓰기new Date(); // 현재 날짜와 시간new Date(ms); // 1970/01/01 이후의 밀리 초new Date(dateString);  ex. "2010. 3. 15" new Date(year,month,day[,hour[,minutes[,seconds]]]); // 0월 부터 시작 .toLocaleString()            ==> 한글로 표현.toLocaleDateString()    ==> 날짜만 표현.toLocaleTimeString()    ==> 시간만 표현 요일 자바스크립트 함수const proc2 = () => { let today = new Date();// ..