I think, therefore I am.

<meta name="viewport" content="width=device-width;" charset="utf-8" />

<!--주어진 3개 또는 5개의 정수 중에서 최대값 또는 최소값을 구하는 알고리즘 예제 -->

<script language="javascript" type="text/javascript">

//Input

 var kor = [88, 99, 77, 66, 90]; //가장 큰 값 : 99

 var max = 0; //최대값이 저장될 변수는 해당 뎅터가 가질 수 있는 가장 작은값으로 초기화

 //Process : Max알고리즘

 for(var i=0; i<kor.length; i++){

if(max < kor[i]){

max = kor[i];

}

 }

 //Output

 document.write("최대값 : " + max+ "<br />");

</script>

<script language = "javascript" type="text/javascript">

//주어진 3개의 성적 중에서 가장 작은값을 출력

//Input

var math = [90, 100, 80]; //80점이 가장 작은값

var min= 100; //해당 데이터의 범위중 가장 큰값으로 초기화

//Process

for(var j=0; j<math.length; j++){

if(min > math[j]){

min = math[j];

}

}

//Output

document.write("최소값 : " +min+ "<br />");

</script>

<script language = "javascript" type="text/javascript">

//1~100까지 정수 중 3의 배수를 제외한 수의 합

var sum = 0;

for(var i=1;i<=100; i++){

if(i%3==0){

continue;         //아래 실행문을 실행하지 않고 다음 구문(조건절)으로 이동

} //루프의 괄호로 이동

sum+=i;

}

document.write(sum);                 //3367

</script>

----------------------------------------------------------------------------------------------------

<script language = "javascript" type="text/javascript">

//for, while, do while문의 반복구문을 강제적으로 종료하는 경우에 사용, 반복문을 빠져나오는 명령문

//1부터 100까지 3의 배수이고 4의 배수인 수의 합을 구하는 프로그램

var sum=0;

var i = 1; 

while(true){ //무한 루프=>웹브라우저가 자동으로 제지

if(i%3 == 0 && i%4==0){

sum+=i;

}

i++;

if(i>100){

break;

}

}

document.write("sum : "+sum+ "<br />"); //432

</script>

<script language="javascript" type="text/javascript">

var sum=0; //합계변수

var i=1; //[1]초기식

while(i<=100){ //[2]조건식

sum+=i; //[!]실행문

i++; //[3]증감식

}

document.write("1~100까지 합 : " +sum);

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

var sum = 0; //합계 저장용 변수

var i=1; //[1]초기식

do

{

sum+=i; //[!]실행식

i++; //[3]증감식

}while(i<=100); //[2]조건식

document.write(sum);         //5050

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

//1부터 100까지 짝수의 합 : for 문 사용

//Input

var sum1 = 0;

//Process

for(var i=1;i<=100;i++){

if(i%2==0){

sum1+=i;

}

}

//Output

document.write("sum1 = "+sum1 + "<br />");

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

//1부터 100까지 짝수의 합 : while 문 사용

var sum2 = 0;

var j=1;

while(j<=100){

if(j%2==0){

sum2+=j;

}

j++;

}

document.write("sum2 = "+sum2 + "<br />");

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

//1부터 100까지 짝수의 합 : do 문 사용

var sum3 = 0;

var k=1;

do

{

if(k%2==0){

sum3+=k;

}

k++;

}while(k<=100);

document.write("sum3 = "+sum3 + "<br />");

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

//1부터 100까지 3의 배수 또는 4의 배수의 합을 구하는 프로그램 : 2551

var sum=0;

for(var i=1;i<=100;i++){

if(i%3==0 || i%4==0){

sum+=i;

}

}

document.write("sum = "+sum+"<br />");

</script>

==========================================================================================================

<script language = "javascript" type="text/javascript">

//1~10까지 증감, 10~1로 감소

var j=1;

var k=10;

for(var i=1; i<=10; i++){

//document.write(i +" , "+ (11-i) + "<br />");

document.write(j++ + ","+ k-- + "<br />");

}

</script>

세로줄 구구단

<script language = "javascript" type="text/javascript">

//2~9단 

for(var i=2; i<=9; i++){

for(var j=1; j<=9; j++){

document.write( i +"*"+ j + "=" + i*j + "<br/>");

}

document.write("<hr />");

}

</script>

======================================================================

가로줄 구구단

<script language="javascript" type="text/javascript">

for(var i=1; i<=9;i++){

for(var j=2; j<=9; j++){

document.write(j + "*" + i + "=" + j*i +"\t");

}

document.write("<br />");

}

</script>

======================================================================

심화 구구단

<h3 style="text-align:center">GUGUDAN</h3>

<script language = "javascript" type="text/javascript">

document.write("<table border='1' width='50%'align='center'>");

document.write("<tr>");

for(var k=2; k<=9; k++){

document.write("<td bgcolor='silver' align='center'>" + k + "dan</td>");

}

document.write("</tr>");

for(var i= 1; i<=9; i++){

document.write("<tr>");

for(var j=2; j<=9; j++){

document.write("<td>");

document.write(j + "*" + i + "=" + j*i +"\t");

document.write("</td>");

}

document.write("</tr>");

}

document.write("</table>")

</script>

1. 조건문
1. if-else문
2. switch-case문
2. 반복문
1. for문
2. while문
3. do문
3. 기타(점프문)
1. continue문
2. break문
3. goto문

===================================================================================================<script language = "javascript" type="text/javascript">

//[1]단순 if 문

var a=10;

if(a%2==0){

document.write(a+"는 짝수 입니다.");

}

</script>

<hr/>

<script language = "javascript" type="text/javascript">

//[2]else 문

var b=3;

if(b%2 != 0){ //즉, 홀수라면

document.write("홀수 입니다.");

}else{

document.write("짝수 입니다.");

}

</script>

<hr>

<script language = "javascript" type="text/javascript">

//[3]다중 if 문

var c=7;

if(c%2 == 0){ //2의 배수(짝수라면)

document.write("2의 배수 입니다.");

}else if(c%3 == 0){ //3의 배수라면

document.write("3의 배수 입니다.");

}else if(c%4 == 0){ //4의 배수라면

document.write("4의 배수 입니다.");

}else{

document.write("2,3,4의 배수가 아닙니다.");

}

</script>

============================================================================================================

switch문 : 다중 if문을 대신해서 사용

<script language="javascript" type="text/javascript">

var month=4; //1월 부터 12월 까지 입력

if(month==1){

document.write("1월 14일은 다이어리 데이");

}else if(month==2){

document.write("2월 14일은 발렌타인 데이");

}else if(month==3){

document.write("3월 14일은 화이트 데이")

}else{

document.write("먼 데이?");

}

</script>

<script language="javascript" type="text/javascript">

var month = 11;

switch(month){

//break가 들어가지 않으면 다음행도 실행

case 1: document.write("1월"); break;

case 2: document.write("2월"); break;

case 3: document.write("3월"); break;

case 4: document.write("4월"); break;

default: document.write("먼데이???"); break;

}

</script>

======================================================================================================

<script language="javascript" type="text/javascript">

//for(초기식;조건식;증감식){}

for(var i=1; i<=5 ; i++){

document.write("Hello <br />");

}

for(var j=1; j<=10; j++){

document.write(j + "<br />");

}

var sum=0; //합계

for(var k=1; k<=100; k++){

sum+=k; //누적

}

document.write(sum);

</script>

경고대화상자(alert) : window.alert()메서드

입력대화상자(prompt) : window.prompt()메서드(거의 사용안함.)

확인대화상자(confim) : 확인또는 취소버튼 대화상자를 만듬

=============================================================================================

<script language = "javascript" type="text/javascript">

//[1]경고 대화상자

window.alert("안녕하세요. javascript");

//[2]escape sequence : 특수문자, \n줄바꿈, \t 탭이동, 백스페이스\b

//window객체 생략가능

alert("안녕하세요. \n\t 반갑습니다.");

//[3]입력대화상자 : 가능한 사용하지말자, os마다 차이가 잇음

//var reslt=window.prompt("당신의 성적은?","여기에 입력");

//document.write("당신의 성적은" + result + "입니다.<br />");

//[4] 확인 대화 상자

var word = window.confirm("확인 또는 취소")?"확인클릭":"취소클릭";

alert(word + "을(를) 선택하셨군요.");

</script>

1. 연산자 우선순위

   괄호/대괄호 : [],{}

   부정/증감 : !, ++, --

   .산술 : *, /, %, +, -

1. 비트식 : <<, >>, >>>

   관계 : <. >, <=, >=, ==, !=

   비트식 : &, ^, |

   논리 : &&, ||, ?:

   대입/할당 : =, +=, -=, *=, >>=, ^=

   ==================================================================================

<script language = "javascript" type="text/javascript">

//산술 연산자 : +. -, *, /, %

var intNum1 = 10;

var intNum2 = 3;

document.write(intNum1 + intNum2 + "<br />"); //13

document.write(intNum1 % intNum2 + "<br />"); //1

document.write("<br />");

//비교(관계)연산자 : ==, !=, >=, >, <=,<

var a=3;

var b=5;

document.write((a==b)+"<br />"); //false

document.write((a!=b)+"<br />"); //true

document.write("<br />");

//논리연산자 : &&(and), ||(or), !(not)

document.write((10>5)&&(5!=3) +"<br />"); //true

//프로그래밍 성능을 위해 &&일 경우 거짓을 앞에다=>&&는 하나만 거짓이면 거짓이므로..

document.write(((10>=5)||(5==3)) +"<br />"); //true

//앞의 결과값이 참이면 뒤의 피연산자를 무시한다.

document.write(!(10<=5)); //true

document.write("<br />");

//조건연산자(3항 연산자)

var result = (3%2==0)?"짝수":"홀수";

//document.write("결과값 : "+result); //홀수

//documnet.write((4%2!=1)?"<br />짝수":"<br />홀수");

//증감연산자 : ++, --, 전위 : 우선 증가/감소, 후위 : 라인실행 후 나중실행

var a=3;

var b=5;

var c= ++a - (--b);

document.write(c + "<br />"); //0

var c= a++ - (b--);

document.write(c + "<br />");

//대입(할당)연산자 : +=,-=,*=, /=, %=

var a=10;

var b=5;

a+=b;

document.write(a + "<br />"); //15

b-=5;

document.write(b + "<br />"); //0

var c=1;

c=c+1;

c+=1;

c++;

document.write(c + "<br />"); //4출력

</script>

============================================================================

<script language="javascript" type="text/javascript">

var a=1;

var b=2;

var c=3;

document.write("안녕" +2+2+ "<br />"); //안녕22

document.write("" +2+2+"<br />"); //22

document.write("" +(2+2)+ "<br />"); //괄호우선 : 4

document.write(2+2+""+ "<br />"); //정수 덧셈 : 4

document.write((a=b)==2,"<br />"); //a(2) : true

document.write(a=b ==1, "<br />"); //a(false)

document.write(b<35 && b>1, "<br />"); //true

document.write(-2*2+4-2, "<br />"); //-2

document.write(a<b<c); //true

</script>

IE에서 F12키를 눌러서 개발자 도구 실행 할수 있다. 여러 웹 브라우저들도 개발자 도구를 지원한다.

1. 자료형(데이터 유형 : Data Type)
1. 정수형
2. 부동소수점(실수형)
3. Boolean
4. Null
5. 문자열 : "",''에 들어가는 문자
2. 변수
1. 프로그램 코드상에서 임시로 데이터를 저장해 놓는 그릇(ex. var xxx)
2. javascript의 예약어는 변수로 사용할 수 없다.
3. 데이터형 변환 : 기준값은 문자형으로..
3. 연산자
1. 산술연산자
2. 연결연산자
3. 관계연산자
4. 논리연산자
5. 조건연산자
6. 비트연산자
7. 증감연산자
8. 대입연산자
4. 연산자 우선순위

=====================================================================================

<script language = "javascript" type="text/javascript">

//변수 선언

var a;

//변수 초기화

a = "안녕<br />";

//변수 참조(사용)

document.write(a);

//변수를 선언과 동시에 초기화

var intNum = 100; //정수형;대소문자구분

var dblSu = 12.34; //실수형

var blnFlag = true; //불린값(참 또는 거짓): true/false

var objNothing = null; //널값 : 아무것도 아닌 값(빈값과 다르다.)

var strHello = "안녕하세요."; //문자열 : 큰 따옴표로 묶는다.

//사용(참조)

document.write(intNum + intNum + "<br />"); //200

document.write(dblSu + intNum + "<br />"); //112.34

document.write(blnFlag + "<br />"); //true

document.write(objNothing + "<br />"); //null

document.write(strHello + "<br />"); //안녕하세요.

</script>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>복습</title>

<style type = "text/css">

body, td, input

{

color:blue;

font-size:12px;

font-family;Verdana 굴림;

}

</style>

<script language = "javascript" type="text/javascript">

document.write("복습<br />");

</script>

</head>

<body>

<div style = "background-color:yellow;" 

onclick="window.alert('클릭하셨군요/');"

onmouseover="this.style.backgroundColor='grey';"

onmouseout="this.style.backgroundColor='yellow';">

<!-- 마우스가 해당 줄을 벗어났을때  -->

<!-- html+css+javascript = DHTML -->

<span>안녕</span>

</div>

</body>