非常に雑ですが練習がてら電卓アプリを作りました。
ネットに落ちていたソースコードを参考にして作りました。
使い方
普通の電卓です。
とても数字が入力しずらいと思います。
使っている技術
基本的にJavaScriptです。
manufestファイルは省略してます。
ソースコード
<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