JavaScript/2011년스터디/서지혜: Difference between revisions

Revision as of 07:21, 11 January 2011

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>

<head>
 <title>짜가계산기</title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987">
</head>

<body>
<style>
.btn{width:40}
.btn2{width:88}
</style>

old = new Array();

function init(){

document.f.t.value = ""; isOp=false; str=0; operator="";

function puts(value) {

if(!isOp){ document.f.t.value += value; } else if(isOp){ document.f.t.value = value; } else{ document.f.t.value = value; } isOp = 1;

function operator(value) {

value = document.f.t; isOp = true; operator = value;

function calc() {

str = eval(str + operator + document.f.t.str); document.f.t.value = str;

</script>

<input type=text name=t value="" size=30>

</td></tr> <tr><td width="40">

<input type=button onclick=putn(7) value=7 class=btn></td><td width="40">
<input type=button onclick=putn(8) value=8 class=btn></td><td width="41">
<input type=button onclick=putn(9) value=9 class=btn></td><td width="40">
<input type=button onclick=calc("/") value="/" class=btn></td><td width="40">
<input type=button  value="pow" class=btn></td></tr>

<input type=button onclick=putn(4) value=4 class=btn></td>
<td width="40" height="25">
<input type=button onclick=putn(5) value=5 class=btn></td>
<td width="41" height="25">
<input type=button onclick=putn(6) value=6 class=btn></td>
<td width="40" height="25">
<input type=button onclick=calc("*") value="*" class=btn></td>
<td width="40" height="25">
<input type=button  value="sqrt" class=btn></td></tr>

<input type=button onclick=putn(1) value=1 class=btn></td><td width="40">
<input type=button onclick=putn(2) value=2 class=btn></td><td width="41">
<input type=button onclick=putn(3) value=3 class=btn></td><td width="40">
<input type=button onclick=calc("-") value="-" class=btn></td><td width="40">
<input type=button  value="log" class=btn></td></tr>

<input type=button onclick=putn(0) value=0 class=btn></td><td width="40">
<input type=button onclick=putn('.') value=. class=btn></td><td width="41">
<input type=button onclick=calc("+") value="+" class=btn></td><td width="40">
<input type=button onclick=calc("%") value="%" class=btn></td>
　</td></tr>

<input type=button onclick=adj(0) value="지우기" class=btn2></td><td colspan=3>
<input type=button onclick=sol() value="계산하기" class=btn2></td>

</form> </table>

</body>

</html>

@@ Line 1: / Line 1: @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+&lt;html&gt;
   &lt;head&gt;
- &lt;meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987"&gt;
+  &lt;title&gt;짜가계산기&lt;/title&gt;
- &lt;title&gt;새 페이지 1&lt;/title&gt;
+  &lt;meta name="Generator" content="EditPlus"&gt;
+  &lt;meta name="Author" content=""&gt;
+  &lt;meta name="Keywords" content=""&gt;
+  &lt;meta name="Description" content=""&gt;
+  &lt;meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987"&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;style&gt;
-  .btn{width:40}
+ .btn{width:40}
-  .btn2{width:88}
+ .btn2{width:88}
   &lt;/style&gt;
- &lt;script&gt;
-  flag=0;//연산식이 입력되는 횟수플래그
+  old = new Array();
-  str=0;//입력수치
-  opr="";//연산자
+  function init(){
+	document.f.t.value = "";
-  old=new Array();
+	isOp=false;
+	str=0;
-  //초기화
+	operator="";
-  function init(){
+ }
-   document.f.t.value=""; //입력필드 소거
-   str=0;flag=0;opr=""; //입력수치, 횟수플래그, 연산자
+  function puts(value) {
-  }
+	if(!isOp){
+		document.f.t.value += value;
-  //숫자를 입력받아 추가한다
+	} else if(isOp){
-  function putn(v){
+		document.f.t.value = value;
-   if(flag==0){ //연산식이 입력되기 전에는
+	} else{
-    document.f.t.value+=v; //텍스트 필드를 추가한다.
+		document.f.t.value = value;
-   }else {
+	}
-    if(flag==1){ //연산식이 처음 입력되면,
+	isOp = 1;
-     document.f.t.value=v; //입력필드를 갱신
+ }
-    } else {
-     document.f.t.value+=v; //텍스트 필드를 추가한다.
+  function operator(value) {
-    }
+	value = document.f.t;
-    flag++; //플래그 증가
+	isOp = true;
-   }
+	operator = value;
-  }
+ }
-  //연산식이 입력되면, 기존 스트링과, 연산자를 변수에 담고, 플래그를 증가한다.
+  function calc() {
-  function cal(h){
+	str = eval(str + operator + document.f.t.str);
-   old[old.length]=str;
+	document.f.t.value = str;
-   str=document.f.t.value;
+  }
-   odr=opr;
-   opr=h;
-   flag=1;
-   if(h=='%'){
-    document.f.t.value=eval(old[old.length-1]*str/100);
-   } else {
-    if(odr=='%'){
-     document.f.t.value=eval(old[old.length-2]+opr+str);
-    }
-   }
-  }
-  function cal2(h){ //제곱,제곱근,로그등의 특수연산을 담당하는 함수
-   str=document.f.t.value;
-   switch(h){
-    case "pow":
-     document.f.t.value=eval("Math."+h+"(str,2)");
-     break;
-    case "sqrt":
-     document.f.t.value=eval("Math."+h+"(str,2)");
-     break;
-    case "log":
-     document.f.t.value=eval("Math."+h+"(str)");
-     break;
-    }
-  }
-  //= 이 입력되면,
-  function sol(){
-   //텍스트 필드에, 기존입력수치와 신규입력값의 연산결과를 출력한다.
-   document.f.t.value=eval(str+opr+document.f.t.value);
-  }
-  //Clear등의 처리
-  function adj(a){
-   switch(a){ //매개변수에 따라 처리
-    case 0: //clear이면,
-     init(); //초기화
-     break;
-   }
-  }
   &lt;/script&gt;
- &lt;body onload=init();&gt;
+&lt;body onload=init();&gt;
- &lt;table border=6 width="247"&gt;&lt;tr&gt;
+&lt;table border=6 width="247"&gt;&lt;tr&gt;
- &lt;form name=f&gt;
+&lt;form name=f&gt;
- &lt;td colspan=5&gt;
+&lt;td colspan=5&gt;
-  &lt;input type=text name=t value="" size=30&gt;
+ &lt;input type=text name=t value="" size=30&gt;
- &lt;/td&gt;&lt;/tr&gt;
+&lt;/td&gt;&lt;/tr&gt;
- &lt;tr&gt;&lt;td width="40"&gt;
+&lt;tr&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn(7) value=7 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=putn(7) value=7 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn(8) value=8 class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
+ &lt;input type=button onclick=putn(8) value=8 class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
-  &lt;input type=button onclick=putn(9) value=9 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=putn(9) value=9 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=cal("/") value="/" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=calc("/") value="/" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=cal2("pow") value="pow" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
+ &lt;input type=button  value="pow" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
- &lt;tr&gt;&lt;Td width="40" height="25"&gt;
+&lt;tr&gt;&lt;Td width="40" height="25"&gt;
-  &lt;input type=button onclick=putn(4) value=4 class=btn&gt;&lt;/td&gt;
+ &lt;input type=button onclick=putn(4) value=4 class=btn&gt;&lt;/td&gt;
-  &lt;td width="40" height="25"&gt;
+ &lt;td width="40" height="25"&gt;
-  &lt;input type=button onclick=putn(5) value=5 class=btn&gt;&lt;/td&gt;
+ &lt;input type=button onclick=putn(5) value=5 class=btn&gt;&lt;/td&gt;
-  &lt;td width="41" height="25"&gt;
+ &lt;td width="41" height="25"&gt;
-  &lt;input type=button onclick=putn(6) value=6 class=btn&gt;&lt;/td&gt;
+ &lt;input type=button onclick=putn(6) value=6 class=btn&gt;&lt;/td&gt;
-  &lt;td width="40" height="25"&gt;
+ &lt;td width="40" height="25"&gt;
-  &lt;input type=button onclick=cal("*") value="*" class=btn&gt;&lt;/td&gt;
+ &lt;input type=button onclick=calc("*") value="*" class=btn&gt;&lt;/td&gt;
-  &lt;td width="40" height="25"&gt;
+ &lt;td width="40" height="25"&gt;
-  &lt;input type=button onclick=cal2("sqrt") value="sqrt" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
+ &lt;input type=button  value="sqrt" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
- &lt;tr&gt;&lt;td width="40"&gt;
+&lt;tr&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn(1) value=1 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=putn(1) value=1 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn(2) value=2 class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
+ &lt;input type=button onclick=putn(2) value=2 class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
-  &lt;input type=button onclick=putn(3) value=3 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=putn(3) value=3 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=cal("-") value="-" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=calc("-") value="-" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=cal2("log") value="log" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
+ &lt;input type=button  value="log" class=btn&gt;&lt;/td&gt;&lt;/tr&gt;
- &lt;tr&gt;&lt;td width="40"&gt;
+&lt;tr&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn(0) value=0 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=putn(0) value=0 class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=putn('.') value=. class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
+ &lt;input type=button onclick=putn('.') value=. class=btn&gt;&lt;/td&gt;&lt;td width="41"&gt;
-  &lt;input type=button onclick=cal("+") value="+" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
+ &lt;input type=button onclick=calc("+") value="+" class=btn&gt;&lt;/td&gt;&lt;td width="40"&gt;
-  &lt;input type=button onclick=cal("%") value="%" class=btn&gt;&lt;/td&gt;
+ &lt;input type=button onclick=calc("%") value="%" class=btn&gt;&lt;/td&gt;
-  　&lt;/td&gt;&lt;/tr&gt;
+ 　&lt;/td&gt;&lt;/tr&gt;
- &lt;tr&gt;
+&lt;tr&gt;
- &lt;td colspan=2&gt;
+&lt;td colspan=2&gt;
-  &lt;input type=button onclick=adj(0) value="지우기" class=btn2&gt;&lt;/td&gt;&lt;td colspan=3&gt;
+ &lt;input type=button onclick=adj(0) value="지우기" class=btn2&gt;&lt;/td&gt;&lt;td colspan=3&gt;
-  &lt;input type=button onclick=sol() value="계산하기" class=btn2&gt;&lt;/td&gt;
+ &lt;input type=button onclick=sol() value="계산하기" class=btn2&gt;&lt;/td&gt;
- &lt;/form&gt;
+&lt;/form&gt;
- &lt;/table&gt;
+&lt;/table&gt;
   &lt;/body&gt;
+&lt;/html&gt;
- &lt;/html&gt;