Cara Membuat Kalkulator Sederhana Dengan Html




Hi sobat, kali ini kita akan membahas tentang cara membuat kalkulator sederhana dengan menggunakan notepad, nah untuk pembuatannya bisa di bilang cukup mudah, karena pembuatannya masih sederhana kalau expert waduh saya teh belum bisa, soalnya saya belum memahami isi dari html namun tak apalah jika berbagi ilmu karena dunia akan terasa indah jika kita saling berbagi ilmu satu sama lain dan selalu bersyukur apa yang kita dapat karena mungkin di lain hari kita tidak akan menemukan yang seperti ini lagi ini... Ya kan sob?! , nah langsung saja ya sob di coufas!!

<br><br><br><br><br><br>
<center>
<form name="tag">
<table border="20px" width="121px" bordercolor="#6699FF" style="color:#3366FF">
<tr width="141px">
<td width="12px">
<img src="alamat gambar" width="156px" height="33px" alt="">
<td rowspan="2">
<b><i><center>CALC-1</center></i></b>
</tr>
<tr width="141px">
<td width="141px">
<input type="text" name="field" size="80px" maxlength="20" style="height:60px;font-size:2em;width:550px;">
</tr>
<tr>
<td colspan="100%" cellpadding="10">
<input type="button" style="height:32px;width:159px;" name="seven" value="7" OnClick="tag.field.value+='7'">
<input type="button" style="height:32px;width:159px;" name="eight" value="8" OnClick="tag.field.value+='8'">
<input type="button" style="height:32px;width:159px;" name="nine" value="9" OnClick="tag.field.value+='9'">
<input type="button" style="height:32px;width:159px;" name="div" value="/" OnClick="tag.field.value+='/'">
</tr>
<tr>
<td colspan="100%" cellpadding="10">
<input type="button" style="height:32px;width:159px;" name="four" value="4" OnClick="tag.field.value+='4'">
<input type="button" style="height:32px;width:159px;" name="five" value="5" OnClick="tag.field.value+='5'">
<input type="button" style="height:32px;width:159px;" name="six" value="6" OnClick="tag.field.value+='6'">
<input type="button" style="height:32px;width:159px;" name="times" value="X" OnClick="tag.field.value+='*'">
</tr>
<tr>
<td colspan="100%" cellpadding="10">
<input type="button" style="height:32px;width:159px;" name="one" value="1" OnClick="tag.field.value+='1'">
<input type="button" style="height:32px;width:159px;" name="two" value="2" OnClick="tag.field.value+='2'">
<input type="button" style="height:32px;width:159px;" name="three" value="3" OnClick="tag.field.value+='3'">
<input type="button" style="height:32px;width:159px;" name="minus" value="-" OnClick="tag.field.value+='-'">
</tr>
<tr>
<td colspan="100%" cellpadding="10">
<input type="button" style="height:32px;width:159px;" name="clear" value="C" OnClick="tag.field.value=''">
<input type="button" style="height:32px;width:159px;" name="zero" value="0" OnClick="tag.field.value+='0'">
<input type="button" style="height:32px;width:159px;" name="dzero" value="00" OnClick="tag.field.value+='00'">
<input type="button" style="height:32px;width:159px;" name="point" value="." OnClick="tag.field.value+='.'">
</tr>
<tr>

<td colspan="100%" cellpadding="10">
<input type="button" style="height:32px;width:48.6em;" name="Do" value="=" OnClick="tag.field.value=eval(tag.field.value)">
</tr>
</form>
</center>

nanti tampilan yang muncul akan seperti ini...




Alamat Gambar
CALC-1


nah untuk mungkin itu aja coretan terakhir untuk menutupi malam ini, jangan lupa berikan komentar kalian tentang artikel ini, manis pahit akan saya terima dengan lapang dada karena komentar kalian sangat berarti untuk kelangsungan hidup blog ini, See You!

Share this

Related Posts

Previous
Next Post »

Budayakanlah Komentar Dengan Kata - Kata Yang Benar Dan Baik !