アットウィキロゴ
非常に雑ですが練習がてら電卓アプリを作りました。
ネットに落ちていたソースコードを参考にして作りました。

使い方
普通の電卓です。
とても数字が入力しずらいと思います。

使っている技術

基本的にJavaScriptです。
manufestファイルは省略してます。

ソースコード
  • cal.html
<html>
<head>
<script language="JavaScript"><!--
total = 0;
input = "";
cal = 0;
work= new Array("","+","-","*","%")
f = 1;

function Value(Data){
 f=0;
 input += Data;
 document.myForm.myLine.value = input;
}
function C(){
 input="";
 total=0;
 document.myForm.myLine.value = input;
}

function Calc(Data){
 if(f == 0){
  f = 1;
  total = total + work[cal] + input;
  total = eval(total);
  input = "";
  document.myForm.myLine.value = total;
 }
 if(Data == 5){
  total=0;
  cal = 0;
 }else{
  cal = Data; 
 }
}

//-->
</script>

</head>
<body>
<form name="myForm">
<input type="text" size="10" name="myLine" value="">

<input type="button" value="C" onclick="C()">
<input type="button" value="+" onclick="Calc(1)">
<input type="button" value="-" onclick="Calc(2)">
<input type="button" value="*" onclick="Calc(3)">
<input type="button" value="%" onclick="Calc(4)">
<input type="button" value="=" onclick="Calc(5)">

<input type="button" value="0" onclick="Value(0)">
<input type="button" value="1" onclick="Value(1)">
<input type="button" value="2" onclick="Value(2)">
<input type="button" value="3" onclick="Value(3)">
<input type="button" value="4" onclick="Value(4)">
<input type="button" value="5" onclick="Value(5)">
<input type="button" value="6" onclick="Value(6)">
<input type="button" value="7" onclick="Value(7)">
<input type="button" value="8" onclick="Value(8)">
<input type="button" value="9" onclick="Value(9)">
</form>

</body>

</html>

名前:
コメント:
最終更新:2012年04月18日 22:22