Anda di halaman 1dari 4

<html>

<head>
<style>
.diki_style{
background-color:red;
color:white;
}
.diki2_style{
background-color:orange;
color:white;
}
.diki3_style{
border:5px solid orange;
width: 200px;
height: 200px;
}
</style>
</head>
<center><body div class="diki3_style">
<p><input type="text" id="angka"></p>
<button onClick="angka1();">1</button>
<button onClick="angka2();">2</button>
<button onClick="angka3();">3</button>
<button onClick="tambah();" Class="diki2_style">+</button>
<p><button onClick="angka4();">4</button>
<button onClick="angka5();">5</button>
<button onClick="angka6();">6</button>
<button onClick="kurang();" Class="diki2_style">-</button></p>
<p><button onClick="angka7();">7</button>
<button onClick="angka8();">8</button>
<button onClick="angka9();">9</button>
<button onClick="kali();" Class="diki2_style">*</button></p>
<button onClick="angka10();">0</button>
<button onClick="angka11();">.</button>
<button onClick="angkac();" Class="diki_style">C</button>
<button onClick="bagi();" Class="diki2_style">/</button>
<button onClick="samadengan();" Class="diki2_style">=</button>
<script>
var angkapertama;
var angkakedua;
var opertaor;
var hasil;

function angka1(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="1";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "1";
}
}
function angka2(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="2";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "2";
}
}
function angka3(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="3";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "3";
}
}
function angka4(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="4";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "4";
}
}
function angka5(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="5";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "5";
}
}
function angka6(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="6";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "6";
}
}
function angka7(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="7";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "7";
}
}
function angka8(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="8";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "8";
}
}
function angka9(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="9";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "9";
}
}
</script>
<script>
function angka10(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value="0";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + "0";
}
}
function angka11(){
if(document.getElementById("angka").value==""){
document.getElementById("angka").value=".";
}
else{
document.getElementById("angka").value=
document.getElementById("angka").value + ".";
}
}
function angkac(){
document.getElementById("angka").value=""
}
function tambah(){
angkapertama=document.getElementById("angka").value;
operator="+";
document.getElementById("angka").value="";
}
function kurang(){
angkapertama=document.getElementById("angka").value;
operator="-";
document.getElementById("angka").value="";
}
function kali(){
angkapertama=document.getElementById("angka").value;
operator="*";
document.getElementById("angka").value="";
}
function bagi(){
angkapertama=document.getElementById("angka").value;
operator="/";
document.getElementById("angka").value="";
}
function samadengan(){
angkakedua=document.getElementById('angka').value;
if ( operator=='+' ) {
hasil=Number (angkapertama) + Number (angkakedua);
document.getElementById('angka').value=hasil;
}
else if (operator=='-') {
hasil=Number (angkapertama) - Number (angkakedua);
document.getElementById('angka').value=hasil;
}
else if (operator=='*') {
hasil=Number (angkapertama) * Number (angkakedua);
document.getElementById('angka').value=hasil;
}
else if (operator=='/') {
hasil=Number (angkapertama) / Number (angkakedua);
document.getElementById('angka').value=hasil;
}
}
</script>
</body></center>
</html>

Anda mungkin juga menyukai