<html>
<head>

</head>
<body>
<ul><h2>객체</h2>
<script type="text/jscript">
function print()
{
 document.write("<br> cpu = "+this.cpu+", ram = "+this.ram+", hdd = "+this.hdd);
}
//Computer 개체생성
function Computer(cpu,ram,hdd)
{
 //thisp : 멤버필드
 this.cpu = cpu;
 this.ram = ram;
 this.hdd = hdd;

 //this.infoWrite : 메소드 이름
 this.infoWrite = print;
}
myComputer = new Computer("펜티엄4","1Giga","100Giga");
document.write("<br> cpu = "+myComputer.cpu);
document.write("<br> ram = "+myComputer.ram);
document.write("<br> hdd = "+myComputer.hdd);

myComputer.infoWrite();

yourComputer = new Computer("펜티엄","2Giga","400Giga");
yourComputer.infoWrite();
</script>
</ul>
</body>
</html>

Posted by 말없제이
,

<html>
<head>

</head>
<body>
<h1>함수이용</h1>
<ul><h2>내장함수</h2>
<li>alert : 메세지 대화상자 나타내는 함수
<li>confirm : 확인(true반환)/취소(false반환) 버튼있는 대화상자 함수
<li>prompt : 대화상자를 통해 입력받음. ex)prompt("대화상자","기본값");
<li>eval : 수식형태로된 문자열을 숫자로 계산, 문자는 생략됨.
<li>parseInt : 문자열을 정수로 바꿔주는 함수<br>
 ex)parseInt(13.5) -> 13반환, parseInt("101",2) -> 5(이진법->10진법) 반환, parseInt("A") -> NaN 반환
<li>parseFloat : 문자열을 실수로 바꿔주는 함수. ex)parseFloat("10.33") -> 10.33
<li>isNaN : 주어진값이 순수한 문자인지 아닌지 판단함수.<br> isNaN("abc")->true, isNaN("12ab")->true, isNaN("12")->false
<li>escape : ISO-Latin-1 문자셋을 ASCII값출력(특수문자 변환에 사용) ex)escape("?") -> %3F
<li>unescape : escape 반대.. ex)unescape("%3F") -> ?

<br>
<h3>eval 사용예제</h3>
<script type="text/jscript">
var k=eval("23-12+45");
document.write("var k=eval(\"23-12+45\"); "+"k = "+k);

//eval 내용은 안보임
document.write("<br>result = 10*12 "+eval("result = 10*12"));
</script>
<br>
<h3>parseInt 사용예제</h3>
<script type="text/jscript">
document.write("\"1025.5\" : "+parseInt("1025.5"));
document.write("<br>\"1025.5\",16 : "+parseInt("1025.5",16));
document.write("<br>\"A\" : "+parseInt("A"));
</script>
</ul>
<br>
<ul><h2>사용자 정의 함수</h2>
<li>사용자가 특정 기능을 함수로 구현하여 제작할수 있도록 한 함수
<li>함수가 호출되기전에 호출되어야 하므로 대체로 <head> 영역에 기술
<xmp>
[함수정의]
function 함수명([매개변수1], ...)
{
 실행할 명령...
 [return 값]
}
</xmp>
<br>ex) 삼각형 구하기.
<xmp>
<script type="text/jscript">
function tri(fb,fh)
{
 var farea = fb*fh/2;
 return farea;
}

var b = parseInt(prompt("삼각형 밑변은 ?",""));
var h = parseInt(prompt("삼각형 높이은 ?",""));
var area = tri(b,h);
document.write("삼각형 면적은 = "+area);
</script>
</xmp>
<script type="text/jscript">
function tri(fb,fh)
{
 var farea = fb*fh/2;
 return farea;
}

var b = parseInt(prompt("삼각형 밑변은 ?",""));
var h = parseInt(prompt("삼각형 높이은 ?",""));
var area = tri(b,h);
document.write("삼각형 면적은 = "+area);
</script>

</body>
</html>

Posted by 말없제이
,

<html>
<body>
<h1>함수 실습1</h1>
두수를 입력받아 큰값을 출력하는 프로그램<br>
<script type="text/jscript">
function MaxNum(first,second)
{
 var maxnum;
 if(first>=second)
 {
  maxnum=first;
 }
 else
 {
  maxnum=second;
 }
 return maxnum;
}
var a = parseInt(prompt("첫번째 값"));
var b = parseInt(prompt("두번째 값"));
document.write(a+", "+b+" 두수중 큰값은 : "+MaxNum(a,b));
</script>
<br>
<hr>
<h1>함수 실습2</h1>
두수를 입력받아 두수사이의 3의 배수 갯수 출력하는 프로그램<br>
<script type="text/jscript">
function TriAmon(first,second)
{
 var result=0;
 if(first>second)
 {
  var temp=first;
  first = second;
  second = temp;
 }
 
//first+1 : 6,12 사이라고 했으니, 포함안되야 하므로 앞수+1,
 for(i=first+1;i<second;i++)
 {
  if(i%3==0)
  result++;
 }

 return result;
}
var c = prompt("첫번째 값");
var d = prompt("두번째 값");
document.write(c+", "+d+" 두수 사이의 3의 배수 갯수는 : "+TriAmon(c,d));
</script>
<br>
<hr>
<h1>함수 실습3</h1>
출생년도를 입력받아 띠를 출력하는 프로그램<br>
<script type="text/jscript">
function YearGod(years)
{
 var result;
/*
참조:네이버 12지신 검색
자시(子)(23 - 01시) : 쥐가 제일 열심히 뛰어 다니는 때
축시(丑)(01 - 03시) : 밤새 풀을 먹은 소가 한참 반추하며 아침 밭갈이 준비를 할 때
인시(寅)(03 - 05시) : 하루 중 호랑이가 제일 흉악한 때.
묘시(卯)(05 - 07시) : 해뜨기 직전에 달이 아직 중천에 걸려 있어 그 속에 옥토끼가 보이는때
진시(辰)(07 - 09시) : 용들이 날면서 강우 준비를 하는 때.
사시(巳)(09 - 11시) : 이 시간에 뱀은 자고 있어 사람을 해치는 일이 없는 때.
오시(午)(11 - 13시) : 이 시간에는 고조에 달했던 ‘양기’가 점점 기세를 죽이며 ‘음기’ 가 머리를
들기 시작하는데, 말은 땅에서 달리고 땅은 ‘음기’이므로 말을 ‘음기’의 동
물로 보고 이 시각을 말과 연계시킨다.
미시(未)(13 - 15시) : 양이 이때 풀을 뜯어먹어야 풀이 재생하는데 해가 없다
신시(申)(15 - 17시) : 이 시간에 원숭이가 울음소리를 제일 많이 낸다.
유시(酉)(17 - 19시) : 하루 종일 모이를 쫓던 닭들이 둥지에 들어가는 때
술시(戌)(19 - 21시) : 날이 어두워지니 개들이 집을 지키기 시작하는 때
해시(亥)(21 - 23시) : 이 시간에 돼지가 가장 단잠을 자고 있는 시간이다.
*/
var god12 = new Array("원숭이","닭","개","돼지","쥐","소","호랑이","토끼","용","뱀","말","양");
//document.write("뱀은 : "+eval(1977%12)+"띠는 : " + god12[eval(1977%12)]); // 테스트용. 1977은 뱀띠.
 result = god12[eval(years%12)];
 return result;
}
var basetrue=true;
var e;
while(basetrue)
{
e = prompt("출생년도는?","이곳에 년도(숫자)를 넣으세요");
//prompt 취소시 : 0반환 - -.
if(e>=0 && e<=99999999)
 basetrue=false;
else
 basetrue=true;
}
if(e!=0)
document.write("<br>당신의 띠는 : "+YearGod(e));
</script>
</body>
</html>

Posted by 말없제이
,

<html>
<head>

</head>
<body>
<ul><h2>내장객체</h2>
<li>Date객체 : 날짜와 시간을 알려줌.
<ul>
<li>.. 참조..
</ul>
<xmp>
<script type="text/jscript">
var today = new Date();
document.write("년도 : "+today.getYear());
document.write(", 월 : "+today.getMonth());
document.write(", 일 : "+today.getDay());
</script>
</xmp>
<script type="text/jscript">
var today = new Date();
document.write("년도 : "+today.getYear());
document.write(", 월 : "+today.getMonth());
document.write(", 일 : "+today.getDay());
</script>
<br><br>
<li>Array객체 : 동일한 타입의 기억공간을 연속적으로 확보.
<br>
<xmp>
<script type="text/jscript">
var arr1 = ["한강","영산강","낙동강","금강"];
var su = [4,7,2,3,8,1];
</script>
</xmp>
<script type="text/jscript">
var arr1 = ["한강","영산강","낙동강","금강"];
var su = [4,7,2,3,8,1];
</script>
<ul>
<li>join : 배열 요소들을 결합문자로 연결, 결합문자는 ","표시
<xmp>
<script type="text/jscript">
document.write(arr1.join());
</script>
</xmp>
<script type="text/jscript">
document.write(arr1.join());
</script>
<xmp>결합문자 지정도 가능.
<script type="text/jscript">
document.write(arr1.join("★"));
</script>
</xmp>
<script type="text/jscript">
document.write(arr1.join("★"));
</script>
<li>sort : 배열 요소의 크기순으로 정렬
<br>
<xmp>
<script type="text/jscript">
document.write(su.sort());
</script>
</xmp>
<script type="text/jscript">
document.write(su.sort());
</script>
<xmp>정방향 옵션에 임의의 decision 함수 넣어서
<script type="text/jscript">
function decision(a,b)
{
if(a>b)
 return 1;
else
 return -1;
}
document.write(su.sort(decision));
</script>
</xmp>
<script type="text/jscript">
function decision(a,b)
{
if(a>b)
 return 1;
else
 return -1;
}
document.write(su.sort(decision));
</script>
<br>
<xmp> a,b를 바꾸면... 역순.
if(a>b)
 return -1;
else
 return 1;
</xmp>
<script type="text/jscript">
function decision(a,b)
{
if(a>b)
 return -1;
else
 return 1;
}
document.write(su.sort(decision));
</script>
<li>reverse : 배열의 요소를 거꾸로 바꿈.
<br>arr1.reverse()<br>
<script type="text/jscript">
document.write(arr1.reverse());
</script>
<li>concat(배열명) : 두개의 배열을 하나로 합침.
<br>arr1.concat(su);
<script type="text/jscript">
document.write(arr1.concat(su));
</script>
<li>slice(시작위치,종료위치) : 배열의 요소중 시작위치부터 종료위치까지 분리해 새로운배열 저장
<br>arr1.slice(2,4);
<script type="text/jscript">
document.write(arr1.slice(2,4));
</script>
</ul>
</ul>
</body>
</html>

Posted by 말없제이
,

<html>
<head>

</head>
<body>
<ul><h2>객체</h2>
<script type="text/jscript">
function print()
{
 document.write("<br> cpu = "+this.cpu+", ram = "+this.ram+", hdd = "+this.hdd);
}
//Computer 개체생성
function Computer(cpu,ram,hdd)
{
 //thisp : 멤버필드
 this.cpu = cpu;
 this.ram = ram;
 this.hdd = hdd;

 //this.infoWrite : 메소드 이름
 this.infoWrite = print;
}
myComputer = new Computer("펜티엄4","1Giga","100Giga");
document.write("<br> cpu = "+myComputer.cpu);
document.write("<br> ram = "+myComputer.ram);
document.write("<br> hdd = "+myComputer.hdd);

myComputer.infoWrite();

yourComputer = new Computer("펜티엄","2Giga","400Giga");
yourComputer.infoWrite();
</script>
</ul>
</body>
</html>

Posted by 말없제이
,

<html>
<head>

</head>
<body>
<h1>함수이용</h1>
<ul><h2>내장함수</h2>
<li>alert : 메세지 대화상자 나타내는 함수
<li>confirm : 확인(true반환)/취소(false반환) 버튼있는 대화상자 함수
<li>prompt : 대화상자를 통해 입력받음. ex)prompt("대화상자","기본값");
<li>eval : 수식형태로된 문자열을 숫자로 계산, 문자는 생략됨.
<li>parseInt : 문자열을 정수로 바꿔주는 함수<br>
 ex)parseInt(13.5) -> 13반환, parseInt("101",2) -> 5(이진법->10진법) 반환, parseInt("A") -> NaN 반환
<li>parseFloat : 문자열을 실수로 바꿔주는 함수. ex)parseFloat("10.33") -> 10.33
<li>isNaN : 주어진값이 순수한 문자인지 아닌지 판단함수.<br> isNaN("abc")->true, isNaN("12ab")->true, isNaN("12")->false
<li>escape : ISO-Latin-1 문자셋을 ASCII값출력(특수문자 변환에 사용) ex)escape("?") -> %3F
<li>unescape : escape 반대.. ex)unescape("%3F") -> ?

<br>
<h3>eval 사용예제</h3>
<script type="text/jscript">
var k=eval("23-12+45");
document.write("var k=eval(\"23-12+45\"); "+"k = "+k);

//eval 내용은 안보임
document.write("<br>result = 10*12 "+eval("result = 10*12"));
</script>
<br>
<h3>parseInt 사용예제</h3>
<script type="text/jscript">
document.write("\"1025.5\" : "+parseInt("1025.5"));
document.write("<br>\"1025.5\",16 : "+parseInt("1025.5",16));
document.write("<br>\"A\" : "+parseInt("A"));
</script>
</ul>
<br>
<ul><h2>사용자 정의 함수</h2>
<li>사용자가 특정 기능을 함수로 구현하여 제작할수 있도록 한 함수
<li>함수가 호출되기전에 호출되어야 하므로 대체로 <head> 영역에 기술
<xmp>
[함수정의]
function 함수명([매개변수1], ...)
{
 실행할 명령...
 [return 값]
}
</xmp>
<br>ex) 삼각형 구하기.
<xmp>
<script type="text/jscript">
function tri(fb,fh)
{
 var farea = fb*fh/2;
 return farea;
}

var b = parseInt(prompt("삼각형 밑변은 ?",""));
var h = parseInt(prompt("삼각형 높이은 ?",""));
var area = tri(b,h);
document.write("삼각형 면적은 = "+area);
</script>
</xmp>
<script type="text/jscript">
function tri(fb,fh)
{
 var farea = fb*fh/2;
 return farea;
}

var b = parseInt(prompt("삼각형 밑변은 ?",""));
var h = parseInt(prompt("삼각형 높이은 ?",""));
var area = tri(b,h);
document.write("삼각형 면적은 = "+area);
</script>

</body>
</html>

Posted by 말없제이
,

<html>
<body>
[객체생성]<br>
배열명 = new Array(첨자);<br>
배열명 = new Array();<br>
[초기화]<br>
배열명 = new Array(초기값..);<br>
배열이름 = [초기값..]<br>
<br>
<h1>실습1</h1>
정수데이터 5개를 기억한후<br>
합과 평균을 구하여 출력.<br>
<script type="text/jscript">
var array1 = new Array(5);
array1[0] = 10;
array1[1] = 20;
array1[2] = 30;
array1[3] = 40;
array1[4] = 50;

var asum=0;
for(var i=0;i<array1.length;i++)
{
 //document.write(":"+array1[i]);
 asum+=array1[i];
}
document.write("정수 5개합 : "+asum+", 평균 : "+(asum/5));
</script>
<hr>
<br>
<h1>실습2</h1>
정수Data 10개를 배열에 기억시킨후 최대값을 출력<br>
<script type="text/jscript">
var array2 = new Array(2220, -220, 100, 30, 40, 50, 60, 70, 80, -90);

var maxnum=-999999999; //가장 작은 값을 넣어줌. -가 들어갈수 있으므로...
var minnum=999999999;
for(var i=0;i<array2.length;i++)
{
 for(var j=0;j<=i;j++)
 {
   //document.write(":"+array2[j]);
   if(array2[i]>=array2[j] && array2[i]>=maxnum)
   {
    maxnum = array2[i];
   }

   if(array2[i]<=array2[j] && array2[i]<=minnum)
   {
    minnum = array2[i];
   }
 }
}
 document.write("최대값은 : "+maxnum +", 최소값은 : "+minnum);

</script>

</body>
</html>

Posted by 말없제이
,

<html>
<body>
<h1>실습1</h1>
1.월을 입력받아 if문사용.<br>
3~5이면 봄입니다.<br>
6~8이면 여름입니다.<br>
9~11이면 가을입니다<br>
12~2이면 겨울입니다<br>
<script type="text/jscript">
var month = prompt("월을 입력해주세요");
month=parseInt(month);
var season;
if(month>=3 && month<=5)
 season="봄";
else if(month>=6 && month<=8)
 season="여름";
else if(month>=9 && month<=11)
 season="가을";
else if(month==12 || month<=2)
 season="겨울";
else
 season="오류";

if(season == "오류")
{
 document.write("<br>잘못 입력하셨습니다.");
}
else
{
 document.write("<br><br>"+season+"입니다.");
}
</script>
<br>
<hr>
<h1>실습2</h1>
2.switch case사용..<br>
혈액형을 입력받아<br>
a나 A이면 "A형입니다";<br>
b나 B이면 "B형입니다";<br>
ab나 AB이면 "AB형입니다";<br>
o나 O이면 "O형입니다";<br>
위의것이 아니면 "외계인입니다";<br>
<script type="text/jscript">
var blood = prompt("혈액형을 입력해주세요.");
var abotype;
switch(blood)
{
 case "a":
 case "A":
  abotype="A";
  break;
 case "b":
 case "B":
  abotype="B";
  break;
 case "ab":
 case "AB":
  abotype="AB";
  break;
 case "o":
 case "O":
  abotype="O";
  break;
 default:
  abotype="X";
  break;
}
document.write("<br><br>")
if(abotype!="X")
document.write(abotype+"형입니다.");
else
document.write("외계인입니다.");
</script>
<br>
<hr>
<h1>실습3</h1>
3.for문사용.<br>
1에서 100사이의 3의 배수의 개수와 합을 출력.<br>
<script type="text/jscript">
var sum=0;
var count=0;
for(var i=1;i<=100;i++)
{
 if(i%3==0)
 {
  count++;
  sum+=i;
  document.write("+"+i);
 }
}
document.write("<br>갯수는 : "+count+", 합은 : "+sum);
</script>
<br>
<hr>
<h1>실습4</h1>
4.다중 for문사용.<br>
1<br>
2 3<br>
4 5 6<br>
7 8 9 10<br>
표현<br>
<script type="text/jscript">
var countnum=1;
for(var i=1;i<=4;i++)
{
 for(var j=1;j<=i;j++)
 {
 document.write(countnum);
 document.write("\t");
 countnum++;
 }
 document.write("<br>");
}
</script>
</body>
</html>

Posted by 말없제이
,

<html>
<body>
<script>
kor = prompt("1. 국어점수 ?","0");
eng = prompt("2. 영어점수 ?","0");
kor = parseInt(kor);
eng = parseInt(eng);
ave = (kor + eng) /2

document.write("볼 점수는");
document.write("<br>");

kor1 = prompt("볼 점수는? (1.국어/2.영어)","1");

switch(kor1)
{
case "1" :
 document.write("국어점수 입니다.");
 break;
case "2" :
 document.write("영어점수 입니다.");
 break;
default :
 document.write("잘못 입력하셨습니다.");
 break;
}

</script>
</body>
</html>

Posted by 말없제이
,
<html>
<body>
<script>
kor = prompt("국어점수 ?","0");
eng = prompt("영어점수 ?","0");
kor = parseInt(kor);
eng = parseInt(eng);
ave = (kor + eng) /2
document.write("kor="+kor + ", eng="+eng+ ", ave="+ave);
document.write("<br>");
//조건문 if.. else if ... else
if(ave<70)
 document.write("양");
else if(ave>=70 && ave<80)
 document.write("미");
else if(ave>=80 && ave<90)
 document.write("우");
else if(ave>=90)
 document.write("수");
</script>
<br>
if (명령문1)
{
명령문1 만족시 명령문;
}
else if(명령문)
{
명령문2 만족시 명령문;
}
else
{
위 상황만족못했을시 명령문.;
}
</body>
</html>
Posted by 말없제이
,