전체 글

웹개발 교육/JavaScript

[16일] JavaScript (10) - style접근, this, JSON

자바스크립트에서 스타일 접근 자바스크립트에서 스타일에 접근하려면 다음과 같이 하면 된다. document.getElementById("mydiv").style //[object CSSStyleDeclaration] 만약 jQuery에서 스타일에 접근한다면 다음과 같다. $("#mydiv").css() 대한민국 id가 mydiv인 의 스타일에 접근해보자 function test1(){ alert(document.getElementById("mydiv").style.top); alert(document.getElementById("mydiv").style.left); alert(document.getElementById("mydiv").style.width); alert(document.getElementB..

웹개발 교육/JavaScript

[15일] JavaScript (9) - 계산기, 회원가입, 이미지스크롤

계산기 만들기 자바스크립트를 통해 계산기의 기능을 구현할 수 있다. 미니 계산기 회원가입 참고) 함수 만들 때 많이 사용하는 이름 get~~, set~~, is~~(물어볼 때), to~~ 요소 접근하기 회원가입 아이디 : function getID(){ // alert(); // 에 접근해보자 //1)의 컨트롤 요소 접근 시 id 사용(추천) // alert(document.getElementById("uid")); //[object HTMLInputElement] // alert(document.getElementById("uid").value); //2) tag name 접근 // 본문에서 태그들에 접근 (input이 여러 개니 인덱스로 접근 가능) // alert(document.getElement..

웹개발 교육/JavaScript

[14일] JavaScript (8) - 이벤트, String 함수

js파일 import JavaScript 파일을 별도로 만들어 html파일에 import 할 수 있다. 이벤트 자바스크립트는 주로 이벤트를 발생시킨 후 함수를 호출함으로써 실행한다 기본 이벤트의 종류 onchange 다른 객체로 바뀌었을때 onclick 클릭했을때 onmouseover 마우스가 올려졌을때 onmouseout 마우스가 나갔을때 onkeydown 키보드 관련 이벤트 onload 문서를 불러오는 작업이 끝났을 때 서울 제주 부산 onsubmit은 form 태그 안에 작성한다. form 전체가 전송되야 하기 때문이다. 전송2 폼을 전송하려면 onsubmit = "return true"여야 한다. 마우스 이벤트 마우스를 올려놓는 곳에 따라 이미지가 변경되게 해보자 마우스 이벤트 라이언 네오 제이지..

웹개발 교육/JavaScript

[13일] JavaScript (7) - 함수, 내장 객체, Scope, 디지털 시계 만들기

// 3. 리턴값이 있는 경우 // - 함수는 호출한 시점으로 되돌아온다(return) // - 리턴값 : 값을 가지고 호출한 시점으로 되돌아온다 // - 리턴값 : 1개만 가능하다 // - 형식) return 값 function test1() { document.write("SEOUL"); return; //호출 시점으로 되돌아간다 //맨 마지막 return은 생략 가능하다 } //test1() end test1(); //함수 호출 function test2(a) { if(a=1; a--){ gop=gop*a; }//for end return gop; }//fact() end let gop = fact(4); document.write(gop); 문제 2 //문2) 윤년, 평년을 구하시오 functio..

웹개발 교육/JavaScript

[12일] JavaScript (6) - 요일 구하기, Date 객체, 함수

[11일] 성적 프로그램 풀이 성적 프로그램 요일 구하는 프로그램 띠 구하기 // 문) 년도 cYear값의 띠를 출력하시오(12간지) let animal = ["원숭이", "닭", "개", "돼지", "쥐", "소", "호랑이", "토끼", "용", "뱀", "말", "양"]; document.write("띠 : " + animal[cYear%12]); 로또번호​ //문) 로또번호 1~45사이의 수를 서로 겹치지 않게 6개 발생시킨후, // 오름차순으로 정렬해서 id=demo에 출력하시오 /* document.write(parseInt(Math.random()*45)+1); document.write(parseInt(Math.random()*45)+1); document.write(parseInt(Mat..

웹개발 교육/JavaScript

[11일] JavaScript (5) - 배열, 연습문제

배열 Array 연속성 자료형, 열거형, 컬렉션 하나의 변수에 1개 이상의 값을 저장할 수 있는 공간 element, 요소, 원소 (노란색 박스) index, 순서, 색인 (0부터 시작해서 1씩 증가한다) let kor = []; // 배열 선언 kor[0] = 10; // 배열 요소의 인덱스는 0부터 시작한다 kor[1] = 20; // 배열 요소의 인덱스는 1씩 증가한다 kor[2] = 30; document.write(kor[0]); document.write(kor[1]); document.write(kor[2]); document.write(""); let names = []; names[0] = "무궁화"; names[1] = "개나리"; names[2] = "진달래"; document.wri..

ewok
기록장