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

Revision as of 07:28, 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>


<script>
 old = new Array();

 function init(){
	document.f.t.value = "";
	isOp=false;
	str=0;
	operator="";
 }

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

 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>
<body onload=init();>
<table border=6 width="247"><tr>
<form name=f>
<td colspan=5>
 <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>
<tr><Td width="40" height="25">
 <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>
<tr><td width="40">
 <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>
<tr><td width="40">
 <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>

<tr>
<td colspan=2>
 <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;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
-&lt;html&gt;
+ &lt;html&gt;
- &lt;head&gt;
+  &lt;head&gt;
-  &lt;title&gt;짜가계산기&lt;/title&gt;
+   &lt;title&gt;짜가계산기&lt;/title&gt;
-  &lt;meta name="Generator" content="EditPlus"&gt;
+   &lt;meta name="Generator" content="EditPlus"&gt;
-  &lt;meta name="Author" content=""&gt;
+   &lt;meta name="Author" content=""&gt;
-  &lt;meta name="Keywords" content=""&gt;
+   &lt;meta name="Keywords" content=""&gt;
-  &lt;meta name="Description" content=""&gt;
+   &lt;meta name="Description" content=""&gt;
-  &lt;meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987"&gt;
+   &lt;meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987"&gt;
- &lt;/head&gt;
+  &lt;/head&gt;
- &lt;body&gt;
+  &lt;body&gt;
- &lt;style&gt;
+  &lt;style&gt;
- .btn{width:40}
+  .btn{width:40}
- .btn2{width:88}
+  .btn2{width:88}
- &lt;/style&gt;
+  &lt;/style&gt;
-&lt;script&gt;
+ &lt;script&gt;
- old = new Array();
+  old = new Array();
- function init(){
+  function init(){
-	document.f.t.value = "";
+ 	document.f.t.value = "";
-	isOp=false;
+ 	isOp=false;
-	str=0;
+ 	str=0;
-	operator="";
+ 	operator="";
- }
+  }
- function putn(value) {
+  function putn(value) {
-	if(!isOp){
+ 	if(!isOp){
-		document.f.t.value += value;
+ 		document.f.t.value += value;
-	} else if(isOp){
+ 	} else if(isOp){
-		document.f.t.value = value;
+ 		document.f.t.value = value;
-		isOp = false;
+ 		isOp = false;
-	} else{
+ 	} else{
-		document.f.t.value += value;
+ 		document.f.t.value += value;
-	}
+ 	}
- }
+  }
- function operator(value) {
+  function operator(value) {
-	value = document.f.t;
+ 	value = document.f.t;
-	isOp = true;
+ 	isOp = true;
-	operator = value;
+ 	operator = value;
- }
+  }
- function calc() {
+  function calc() {
-	str = eval(str + operator + document.f.t.str);
+ 	str = eval(str + operator + document.f.t.str);
-	document.f.t.value = str;
+ 	document.f.t.value = str;
- }
+  }
- &lt;/script&gt;
+  &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=calc("/") 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  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=calc("*") 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  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=calc("-") 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  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=calc("+") 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=calc("%") 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;/body&gt;
-&lt;/html&gt;
+ &lt;/html&gt;