본문 바로가기

javascript11

버튼에 이벤트 추가 1. 고전 이벤트 모델 실행 2. 인라인 이벤트 모델 실행 3. 표준 이벤트 모델 실행 대상 button을 가져와 addEventListener("이벤트 종류", 함수)로 함수를 넣어준다. 표준 이벤트 모델이 가장 객체지향적이고 유지보수에 편할 듯. 2021. 2. 19.
정렬 함수 sort() // 순서가 뒤섞인 Array 생성 var array = [1, 2, 7, 4, 8, 6, 3, 10, 9, 5]; array.sort(); array를 정렬하기 위해서 array.sort()함수를 이용한다. 정렬 함수를 만들어 sort()에 인자로 넣어주면, array를 어떤 순서로 정렬할 것인지를 정할 수 있다. sort()에 정렬 함수가 들어가지 않으면, array의 각 요소들은 문자열로 인식되며, 유니코드 순서대로 정렬된다. // 오름차순 정렬 함수 function sortASC(a, b) { return a - b; } // 내림차순 정렬 함수 function sortDESC(a, b) { return b-a; } 정렬 함수에서 리턴된 값이 음수(-)이면 a를 앞에, b를 뒤에 정렬한다. 리턴된.. 2021. 2. 16.
배열 Array // 배열의 생성 var myArray = new Array(); 1. 배열명.indexOf("값"): 배열에서 요소가 위치한 인덱스를 리턴한다. 2. 배열명.concat(배열명2): 두 개 또는 세 개의 배열을 결합한다. 3. 배열명.join(): 배열을 결합하고 무낮열로 반환한다. 4. 배열명.reverse(): 배열의 순서를 뒤집는다. 5. 배열명.sort(): 배열을 정렬한다. 6. 배열명.push('값'): 배열의 마지막에 요소를 추가한다. 7. 배열명.pop(): 배열의 마지막 요소를 제거한다. 8. 배열명.shift(): 배열의 첫 번째 요소를 제거한다. 9. 배열명.unshift(): 배열의 첫 번째에 새로운 요소를 추가한다. 10. 배열명.toString: 배열을 문자열로 변환 2021. 2. 15.
알림창 띄우기 alert("확인 버튼만 보여지는 알림창입니다.") alert("메세지") "메세지"라는 내용을 포함한 알림창을 띄운다. 알림창을 닫는 것 이외의 다른 기능은 없다. confirm("확인 버튼과 취소 버튼이 보여지는 알림창입니다."); confirm("메세지") "메세지"라는 내용을 포함한 알림창을 띄우며, 알림창에는 확인 버튼과 취소 버튼이 있다. var userInput = prompt("사용자의 입력을 받을 수 있는 알림창입니다."); prompt("메세지") "메세지"라는 내용과 함께, 사용자가 입력할 수 있는 창을 띄운다. 사용자가 입력한 값을 userInput에 받아올 수 있다. 2021. 2. 15.
자바스크립트로 html 가져오기 Hello Javascript world var byName = document.getElementsByName("이름"); 이름이 "이름"인 태그들을 모두 가져와서 byName 변수에 저장한다. var byId = document.getElementById("아이디"); 아이디가 "아이디"인 태그를 하져와서 byId 변수에 저장한다. var byTag = document.getElementsByTagName("태그명"); 태그가 "태그명"인 태그를 가져와서 byTag 변수에 저장한다. 2021. 2. 15.