다연이네

var flag = this.classList.toggle("active"); => active 클래스가 있으면 뺏고 없으면 준다 (토글의 역할) => flag =줬다 안줬다 T/F값 돌림 => 버튼을 누를때마다 동적으로 active라는 클래스가 추가/삭제된다. 위의 각 제목부분(버튼)을 누르면 밑의 내용이 펴지고 접어진다. Section 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla iure aliquam soluta minima impedit ratione laboriosam autem omnis. Doloribus eius incidunt totam iure deleniti a officia blanditiis rem recus..

총3개의 그림이 존재하고, 1번 동그라미 버튼을 누르거나 2번 > 버튼을 누르면 사진이 넘어간다. 1 / 3 Caption One 2 / 3 Caption Two 3 / 3 Caption Three ❮ ❯ jQuery로 바꾸기

자바스크립트에서 함수의 매개변수의 개수는 그렇게 중요하지 않다. sum() 호출 sum()호출

1번 버튼을 누르면 해당 연,월의 달력으로 이동하며, 일 리스트에는 해당 월의 마지막 일까지만 존재한다.(2월은 28일까지) 2번 버튼을 누르면 -1월 또는 +1월된 달력으로 이동한다. ❮ ❯ August 2017 Su Mo Tu We Th Fr Sa

js 날짜 객체 : Date 새로운 날짜 객체 생성하는 4가지 방법 1. new Date() 2. new Date(y, m, d, h, m, s, ms) 3. new Date(ms) 4. new Date(string date) 연도, 월, 일, 요일, 시간, 분, 초 가져오기 현재 날짜 기준으로 지난 날들은 before, 지나지 않은 날들은 after 알람 표시하기 테스트

동적으로 버튼 만들기 선택하세요 리스트를 동적으로 만들어 1~20까지 숫자 넣기 마지막에 추가 : document.body.appendChild(cmbbox); demo 위에 추가 : document.body.insertBefore(cmbbox,demo); 콤보박스의 숫자를 하나 선택하면 그 개수만큼 텍스트박스를 만들어 div에 추가하기 (위 코딩 밑에 아래 코딩을 추가하면 된다) cmbbox.addEventListener("change", function(e) { var cnt = cmbbox.options[cmbbox.selectedIndex].value; //위처럼 안해도 //var cnt = cmbbox.value; 이렇게도 되나 , 적용안되는 브라우저도 존재 //alert(cnt); demo.i..

계산기 - 첫번째 텍스트박스에서 엔터치면 두번째 텍스트박스로 넘어가고, 두번째 텍스트박스에서 엔터치면 가운데 리스트로 넘어가게 하도록 한다. - 리스트에서 기호를 선택하면 밑의 div에 결과값이 뜨게 한다. 선택하세요 + - * / % 실행(exec) select태그의 onchange 속성 select태그에서는 onchange라는 요소만 기억하면 된다. 위의 코딩을 jQuery로 바꾸기 선택하세요 + - * / % 실행(exec)

배열은 자료형이 object이다. 배열 선언 형식 : var 배열명 = [항목1, 항목2, 항목3,...]; 배열 정렬 - 오름차순 : fruits.sort(); - 내림차순 : 오름차순을 한 다음 -> fruits.reverse(); (reverse함수는 내용물을 거꾸로 출력하는 함수이기 때문에 오름차순으로 정렬한 후 역순으로 출력하면 내림차순이 됨) //오름차순 정렬 //내림차순 정렬 기준을 가지고 배열 정렬 1. 숫자 기준 2. 문자 기준 //1. 함수 이용하지 않고 참고!! 요소 수정, 추가 - m[m.length]=""; 맨 마지막에 추가 - m.push(" "); 마지막 요소 얻어오기 - m[m.lengh-1] -m.pop() : 제거하고 가져오기 요소 삭제 //3 5 2 4 1 //delet..