Cara Membuat Kalkulator Sederhana dengan HTML

Discussion in 'HTML & Website Design' started by Kanggarda, Aug 31, 2013.

  1. Kanggarda

    Kanggarda Member

    Joined:
    Aug 20, 2013
    Messages:
    57
    Likes Received:
    12
    Trophy Points:
    8
    Google+:
    Cara Membuat Kalkulator Sederhana dengan HTML - INI-CARANYA akan membahas mengenai cara membuat kalkulator sederhana dengan HTML. Kalkulator sederhana ini dibuat dengan javascript dan dijalankan dengan menggunakan browser, sehingga anda dapat menyimpannya di lokal komputer atau bisa juga ditampilkan di blog anda, contoh kalkulatornya seperti di bawah ini.
    *cinta*

    Bsa dilihat disini

    Oke deh... jika sobat ingin menampilkanya buat komputer sendiri atau mau di poosting di blog, silahkan sob, copy code HTML nya di bawah ini :


    Code:
    =========================================================== 
    <FORM NAME="Calc"> 
    <TABLE BORDER=4> 
    <TR> 
    <TD> 
    <INPUT TYPE="text" NAME="Input" Size="16"> 
    <br> 
    </TD> 
    </TR> 
    <TR> <TD> <INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'"> <INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'"> <INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'"> <INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '"> <br> <INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'"> <INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'"> <INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'"> <INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '"> <br> <INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'"> <INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'"> <INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'"> <INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '"> <br> <INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''"> <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'"> <INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)"> <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '">
    <br>
    </TD> 
    </TR> 
    </TABLE> 
    </FORM>
    
    =============================================================
    
    Untuk ditampilkan di lokal komputer :
    Copas scriptnya kedalam Notepad kemudian Save as html, misalnya dengan nama file kalkulator.html save type All Files, kemudian klik Save untuk menyimpan
    Buka file kalkulator.html dengan menggunakan browser mozilla, internet explorer, chrome, dll.
    Untuk ditampilkan di Blog tinggal copas kode di atas ke dalam Gadget HTML/Javascript.
    Untuk Blogger (blogspot) Buka Menu Layout, kemudian pilih Add Gadget di area yang anda kehendaki, kemudian pilih HTML/ Javascript, dan Pastekan scriptnya.
    Semoga Bermanfaat....Cara Membuat Kalkulator Sederhana Dengan HTML
     
    Rifa Firmansyah likes this.
  2. wphoet

    wphoet You'll Never Walk Alone

    Joined:
    Feb 19, 2013
    Messages:
    1,149
    Likes Received:
    142
    Trophy Points:
    63
    Google+:
    sy benahin dikit lain kali

    sy benahin dikit postingannya *ketawa3* lain kali kalau mau share code html/javascript pakai tombol code di sebelah kiri tombol video di forum ini biar kodenya bisa nongol *ketawa3*
     
  3. lsiahaan94

    lsiahaan94 New Member

    Joined:
    Jul 14, 2013
    Messages:
    30
    Likes Received:
    0
    Trophy Points:
    6
    mantab !! tapi mending beli

    mantab !! tapi mending beli kalkulator siap pake, hehehee *ketawa3*
     
  4. Kanggarda

    Kanggarda Member

    Joined:
    Aug 20, 2013
    Messages:
    57
    Likes Received:
    12
    Trophy Points:
    8
    Google+:
    wphoet wrote:

    Ok gan. *keren2*
     
  5. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,655
    Likes Received:
    761
    Trophy Points:
    113
    Google+:
    ntar coba ah kayaknya seru

    ntar coba ah :D kayaknya seru juga bermain kode2 html :D
     
  6. komentator

    komentator New Member

    Joined:
    Sep 6, 2013
    Messages:
    0
    Likes Received:
    0
    Trophy Points:
    1
    ijin coba ya gan.. udah lama

    ijin coba ya gan.. udah lama gak mainan html :p
     
  7. jokosatriopermana

    jokosatriopermana Member

    Joined:
    Dec 30, 2015
    Messages:
    192
    Likes Received:
    5
    Trophy Points:
    18
  8. Ngeless

    Ngeless Member

    Joined:
    Oct 17, 2016
    Messages:
    28
    Likes Received:
    3
    Trophy Points:
    8
    Di hp saya jg udh ada aplikasi kalkulator gan.. mantap
     
  9. Gangangan

    Gangangan Member

    Joined:
    Jul 28, 2015
    Messages:
    20
    Likes Received:
    2
    Trophy Points:
    8
    Tapi widget gtuan dipasang dstus kayaknya kurang enak dh gan. :v mendingan pasang iklan aja
     
  10. Squline Media

    Squline Media Member

    Joined:
    Oct 20, 2016
    Messages:
    159
    Likes Received:
    1
    Trophy Points:
    18
    makasih nih, cara buat kalkulatornya. bisa dicoba juga, hehe
     
  11. Promp3

    Promp3 Member

    Joined:
    Oct 16, 2016
    Messages:
    415
    Likes Received:
    15
    Trophy Points:
    18
    Kren gan, asli kren hha
     
  12. Kang Jaka

    Kang Jaka Member

    Joined:
    Apr 24, 2017
    Messages:
    211
    Likes Received:
    2
    Trophy Points:
    18
    Boleh ni saya coba buah ngitung gaji karyawan :)
     
  13. Andre

    Andre Member

    Joined:
    Apr 12, 2013
    Messages:
    483
    Likes Received:
    22
    Trophy Points:
    18
    wkwkwk bener juga ya gan . jadi lebih praktis *ketawa1*
     
  14. wahh, boleh di coba nih *keren3*
     
Loading...

Share This Page