▶ 간단한 계산기 ( calculator ) > SCRIPT

• 목록

<style type="text/css"> 

input{

width:100%;

}

</style>

<script type="text/javascript">

function sum(a,b,c){

var su=a;

var ok_type=b;

var num_su=c;

if(ok_type == 'O'){//숫자

nums = num_su + su;

document.getElementById('title').value = nums;

}else if(ok_type == 'X'){//기호

document.getElementById('title_plus').value = num_su;

document.getElementById('giho_plus').value = su;

document.getElementById('title').value = "";

}

}

function enter(a,b,c){

var aa=a;

var bb=b;

var cc=c;

if(bb == '/'){var total=parseInt(aa) / parseInt(cc);}

if(bb == '*'){var total=parseInt(aa) * parseInt(cc);}

if(bb == '+'){var total=parseInt(aa) + parseInt(cc);}

if(bb == '-'){var total=parseInt(aa) - parseInt(cc);}

document.getElementById('title').value = total;

document.getElementById('title_plus').value = total;

document.getElementById('giho_plus').value = "";

}

function clearok(){

document.getElementById('title').value = "";

document.getElementById('title_plus').value = "";

document.getElementById('giho_plus').value = "";

}

</script>

<form name="cal">

<table>

<tr>

<td colspan=4><input type="text" id="title" value="" style="width:100%;height:30px;text-align:right;"></td>

</tr>

<tr>

<td width=25%><input type="button" value="7" onclick="sum('7','O',document.getElementById('title').value)"></td>

<td width=25%><input type="button" value="8" onclick="sum('8','O',document.getElementById('title').value)"></td>

<td width=25%><input type="button" value="9" onclick="sum('9','O',document.getElementById('title').value)"></td>

<td width=25%><input type="button" value="/" onclick="sum('/','X',document.getElementById('title').value)"></td>

</tr>

<tr>

<td><input type="button" value="4" onclick="sum('4','O',document.getElementById('title').value)"></td>

<td><input type="button" value="5" onclick="sum('5','O',document.getElementById('title').value)"></td>

<td><input type="button" value="6" onclick="sum('6','O',document.getElementById('title').value)"></td>

<td><input type="button" value="*" onclick="sum('*','X',document.getElementById('title').value)"></td>

</tr>

<tr>

<td><input type="button" value="1" onclick="sum('1','O',document.getElementById('title').value)"></td>

<td><input type="button" value="2" onclick="sum('2','O',document.getElementById('title').value)"></td>

<td><input type="button" value="3" onclick="sum('3','O',document.getElementById('title').value)"></td>

<td><input type="button" value="+" onclick="sum('+','X',document.getElementById('title').value)"></td>

</tr>

<tr>

<td><input type="button" value="C" onclick="clearok()"></td>

<td><input type="button" value="0" onclick="sum('0','O',cal.title.value)"></td>

<td><input type="button" value="=" onclick="enter(cal.title_plus.value,cal.giho_plus.value,cal.title.value)"></td>

<td><input type="button" value="-" onclick="sum('-','X',cal.title.value)"></td>

</tr>

</table>

<input type="hidden" id="title_plus" value="" size=7>

<input type="hidden" id="giho_plus" value="" size=7>

</form>

 [ 실행화면 ]