Kalkulator merupakan alat hitung.
Pada Kali ini saya mencoba Membuat Kalkulator Sederhana
dengan Bahasa Javascript
Kopi paste aja script dibawah ini dan simpan dengan ,html
<html>
<head>
<body>
<div class='widget HTML' id='HTML6'>
<div class='widget-content'>
<script language="javascript">
var newdigit = true;
var op;
var temp;
function Angka(angka){
if(newdigit){
newdigit = false;
}else{
angka = document.kalkulator.layar.value + angka;
}
document.kalkulator.layar.value=angka;
}
function Operator(opt){
if(temp){
Hitung();
}
temp = document.kalkulator.layar.value;
op = opt;
newdigit=true;
}
function Hitung(){
var angka = document.kalkulator.layar.value;
if(op == '*'){
temp = temp * angka;
}else if(op == '+'){
temp = parseInt(temp) + parseInt(angka);
}else if(op == '-'){
temp = temp - angka;
}else if(op == '/'){
temp = temp / angka;
}
document.kalkulator.layar.value = temp;
temp = 0;
}
function Reset(){
newdigit=true;
document.kalkulator.layar.value='0';
temp=0;
}
</script>
<style type="text/css">
.button{
width:30px;
margin-top:6px;
}
.button-lebar{
width:64px;
margin-top:6px;
}
.button-lebar2{
width:132px;
margin-top:6px;
}
</style>
<form name="kalkulator">
<input type="text" value="0" name="layar" size="17"/><br/>
<input type="button" value="7" class="button" onclick="Angka(7);"/>
<input type="button" value="8" class="button" onclick="Angka(8);"/>
<input type="button" value="9" class="button" onclick="Angka(9);"/>
<input type="button" value="+" class="button" onclick="Operator('+');"/><br/>
<input type="button" value="4" class="button" onclick="Angka(4);"/>
<input type="button" value="5" class="button" onclick="Angka(5);"/>
<input type="button" value="6" class="button" onclick="Angka(6);"/>
<input type="button" value="-" class="button" onclick="Operator('-');"/><br/>
<input type="button" value="1" class="button" onclick="Angka(1);"/>
<input type="button" value="2" class="button" onclick="Angka(2);"/>
<input type="button" value="3" class="button" onclick="Angka(3);"/>
<input type="button" value="*" class="button" onclick="Operator('*');"/><br/>
<input type="button" value="0" class="button"/>
<input type="button" value="=" class="button-lebar" onclick="Hitung();"/>
<input type="button" value="/" class="button" onclick="operator('/');"/><br/>
<input type="button" value="Reset" class="button-lebar2" onclick="Reset();"/>
</form>
</div>
<div class='clear'></div>
</body>
</head>
</html>
Membuat Kalkulator dengan Javasript
0 komentar:
Post a Comment