전체 글266 JS Function 선언적 함수 : function함수 이름으로 함수를 선언하며, 한번만 파생되는 정적함수 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 //1. 함수 생성 function f1(){ console.log('f1 function'); } f1(); //호출할땐 함수이름(); f1(); // 2. 외부에서 자료 받아줄때는 변수 선언을 하지않음. function f2(name, age){ console.log('이름: '+name); console.log('나이: '+age); } f2('choi', 20); f2('park', 22); // 3. return 받기 function f3(kor, eng, mat){.. 2019. 12. 6. JS for문 1 2 3 4 5 6 7 8 9 10 11 for(let i=1; i 2019. 12. 5. JS switch 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 let num=3; switch(num){ case 1: console.log('1입니다.'); break; case 2: console.log('2입니다.'); break; case 3: console.log('3입니다.'); break; default: console.log('기타') } 2019. 12. 5. JS if 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 window.onload=function(){ //다큐멘트에, 가져온다 btn버튼을. 클릭했을때 document.getElementById("btn").onclick=function(){ let a=parseInt(document.getElementById("jumsu").value); let result; if(a>=90) result='수'; else if(a>=80) result='우'; else if(a>=70) result='미'; else if(a>=60) result='양'; else result='가'; console.l.. 2019. 12. 5. JS Onclick 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 window.onload=function(){ document.getElementById("btn").onclick=function(){ //다큐멘트에, 가져온다 btn버튼 클릭했을때 = 기능실행 //1번째 방법 let a= document.frm.jumsu.value; //문자형 let a=parseInt(document.frm.jumsu.value); //숫자형 //2번째방법 let b= document.getElementById("jumsu").value; //문자형 let b=parseInt(document.getElementById("jumsu").value); //숫.. 2019. 12. 5. JS 산술 연산자 1 2 3 4 5 6 7 8 9 /*자바의 기본연산자와 큰 차이는 없다. */ console.log(2**3); //8 var i =10; console.log(++i); //11 console.log(i++); //11 console.log(4/3); //1.33 console.log(4%3); //1 cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 var t1=10; var t2='10'; //true > == :값끼리 비교함. 문자형숫자형 상관없이..값끼리만. console.log(t1==t2); //false > === :타입까지 비교해서 같은타입의 같은 값인지 비교! console.log(t1===t2); //숫자형 + 문자형은 연결해서 출력 된다. var v1='5'; var .. 2019. 12. 5. JS 변수와 타입 var 변수를 선언. 동시에 값을 초기화 할 수 있다. let 블록 범위 지역변수를 선언. 동시에 값을 초기화 할 수 있다. * 그 블럭단위 내에서만 사용 가능한 변수. const 블록범위 읽기전용 상수 선언 1 2 3 4 5 6 7 8 9 10 11 12 var a = 10; var b = 20; var name = '홍길동'; var name2 = '최솔이'; console.log("안녕하세요"); console.log(a+b+"입니다"); console.log('이름은'+name); console.log("이름2는"+name2); 숫자, 문자열 모두를 초기화 시킬수 있다. cs 타입 Number : 숫자형(정수형, 부동소수점) String : 문자형 Boolean : 논리형 true, false n.. 2019. 12. 5. JS 기본 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Document ★ ★ // 자바 스크립트는 head와 body 사이에 사용 가능 // css와 마찬가지로, 별도페이지에서 불러올수 있다. // 일반 주석 /* 블럭 단위 주석 */ Colored by Color Scripter cs 2019. 12. 5. HTML CSS Import 2019. 12. 4. HTML CSS 웹폰트 2019. 12. 4. HTML CSS 정렬 @ vertical-align (테이블에만 사용가능) 위 중간 아래 정렬 @ text-align 왼쪽 중간 오른쪽 정렬 2019. 12. 4. HTML CSS 다단 다단 column-count: 3; :3단락으로 나누기 column-gap: 100px; :여백 column-width: 300px; column-rule-style: dotted; column-rule-color: blue; column-rule-width: 10px; column-rule:3px double darkblue; column-span: all; : 2019. 12. 4. HTML CSS . . 2019. 12. 4. 이전 1 ··· 13 14 15 16 17 18 19 ··· 21 다음 반응형
