Source code membuat kalkulator dengan javascript

Buat Aplikasi Kalkulator Sederhana Menggunakan Javascript Dan Form Html. Kita bisa mengkolaborasikan html dan javascript untuk membuat sebuah aplikasi kalkulator sederhana inidan juga tidak melupakan. Java merupakan sebuah bahasa pemrograman yang mirip dengan bahasa C. Pengen tau aplikasi kalkulator lainnya, tenang.

Table of Contents Show

Buat Aplikasi Kalkulator Sederhana Menggunakan Javascript Dan Form Html
Aplikasi kalkulator online dapat dibuat menggunakan HTML.
Tetapi dengan Java kita bisa membuat tampilan.

Contoh Html Sederhana Menggunakan Notepad – Contoh Mi (Hettie Freeman)

Buat Aplikasi Kalkulator Sederhana Menggunakan Javascript Dan Form Html

Pada kesempatan hari ini admin akan share source code aplikasi kalkulator sederhana yang admin buat menggunakan html dan php. Selamat malam,hari ini saya akan memberikan tutorial bagaimana cara membuat sebuah aplikasi kalkulator sederhana dengan menggunakan android studio. Nah yang saya ingin share yaitu program kalkulator dengan Javascript menggunakan aplikasi Notpad yang Selanjutnya klik File dan pilih Save as pada File Name buat "Kalkulator Sederhana.html". Dengan menggunakan Java Script, maka dibutuhkan fungsi-fungsi yang dibuat pada Java Script. Mengikuti algoritma pemikiran dan perasaan yang dianugrahkan Allah SWT.

Aplikasi kalkulator online dapat dibuat menggunakan HTML.

Kalkulator merupakan sebuah alat hitung, pada umumnya kalkulator standar atau yang sering teman – teman saya sebut sebagai kalkulator sayur hanya Baiklah Disini saya akan membagi ilmu yang saya dapatkan tentang bagaiamana membuat kalkulator sederhana dengan HTML dan Java Script. lanjutNya tentu kita buat script htmlnya untuk memanggil function yang udah kita buat pada script html nya itu tadi guySs,,, untuk kali ini saya menamai file html yaitu Pembuatan Halaman Web Sederhana Kosongan Dengan CSS.

Cara Membuat Kalkulator Sederhana Menggunakan JavaScript …

| Tutorial Membuat Kalkulator dengan PHP

Tetapi dengan Java kita bisa membuat tampilan.

Mengikuti algoritma pemikiran dan perasaan yang dianugrahkan Allah SWT. Layaknya kalkulator biasa kalkulator yang saya buat dapat mengerjakan beberapa operasi dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian. Silakan diblok semua skrip dan disalin (Ctrl+C) kemudian Ctrl+V pada HTML editor blog atau dibuat secara. Dari segi tampilan aplikasi kalkulator ini cukup menarik, tentu saja anda dapat mengedit dan mengembangkannya lagi. Membuat Kalkulator Sederhana Menggunakan Java – pesonainformatika.com, bahasa pemrograman java memang sangat populer dan banyak digunakan untuk berbagai kalangan dan berbagai keperluan seperti membuat aplikasi Android, pengembangan web, dan pebuatan aplikasi.

Cara Membuat Kalkulator Sederhana Menggunakan JavaScript …

Ajax Post Komentar Sederhana

Kali ini saya akan membagikan tutorial cara membuat kalkulator sederhana dengan java script. Kita ketahui java script adalah bahasa pemrograman klien. Artinya kode program dapat dilihat dari web browser. Kelebihan bahasa java script ini halaman tidak perlu reload.

<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<style type="text/css">
.tombol{
background-color: deepskyblue;
}
.tabel{
background-color: gold;
margin: 10px;
padding: 10px;
}
</style>
</head>
<body>
<form name="calculator">

<table style="background-color:" class="tabel">
<caption>Calculator</caption>
<tr>
<td>Angka 1</td><td>:</td><td><input type="number" name="angka1"></td>
</tr>
<tr>
<td>Angka 2</td><td>:</td><td><input type="number" name="angka2"></td>
</tr>
<tr>
<td>Hasil</td><td>:</td><td><input type="number" name="hasil"></td>
</tr>
<tr>
<td colspan="3" align="center">
<input class="tombol" type="button" onclick="tambah()" value=" + ">
<input class="tombol" type="button" onclick="kurang()" value=" - ">
<input class="tombol" type="button" onclick="kali()" value=" * ">
<input class="tombol" type="button" onclick="bagi()" value=" / ">
</td>
</tr>
</table>
</form>

</body>
</html>
<script type="text/javascript">
function tambah(){
var angka1=parseFloat(document.calculator.angka1.value);
var angka2=parseFloat(document.calculator.angka2.value);
var hasil= angka1+angka2;
document.calculator.hasil.value=hasil;
}
function kurang(){
var angka1=parseFloat(document.calculator.angka1.value);
var angka2=parseFloat(document.calculator.angka2.value);
var hasil= angka1-angka2;
document.calculator.hasil.value=hasil;
}
function kali(){
var angka1=parseFloat(document.calculator.angka1.value);
var angka2=parseFloat(document.calculator.angka2.value);
var hasil= angka1*angka2;
document.calculator.hasil.value=hasil;
}
function bagi(){
var angka1=parseFloat(document.calculator.angka1.value);
var angka2=parseFloat(document.calculator.angka2.value);
var hasil= angka1/angka2;
document.calculator.hasil.value=hasil;
}
</script>

Kita akan bahas bagian-bagian dari kode diatas.

Kode di atas, adalah internal css untuk mengatur tabel dan tombol. Class yang ada yaitu tombol dan kelas tabel. Pada class tombol, di atur warna background tombol deepskyblue. Pada class table yang diatur warna background yaitu gold, margin 10 pixel dan padding 10 pixel.

<form name="calculator">
<table class="tabel">
<caption>Calculator</caption>
<tr>
<td>Angka 1</td><td>:</td><td><input type="number" name="angka1"></td>
</tr>
<tr>
<td>Angka 2</td><td>:</td><td><input type="number" name="angka2"></td>
</tr>
<tr>
<td>Hasil</td><td>:</td><td><input type="number" name="hasil"></td>
</tr>
<tr>
<td colspan="3" align="center">
<input class="tombol" type="button" onclick="tambah()" value=" + ">
<input class="tombol" type="button" onclick="kurang()" value=" - ">
<input class="tombol" type="button" onclick="kali()" value=" * ">
<input class="tombol" type="button" onclick="bagi()" value=" / ">
</td>
</tr>
</table>
</form>

Kode di atas fungsinya untuk membuat form yang terdiri dari 3 input dan 4 tombol. untuk menyusun elemen form kita gunakan tabel.

Bagian-bagian yang penting adalah name form dan name elemen form. Name form adalah calcularor dan name elemen form adalah angka1 dan angka2. Pada setiap tombol akan memanggil fungsi java script dengan event onclick. Tombol tambah akan memanggil fungsi tambah. Tombol kurang akan memanggil fungsi kurang. Tombol kali akan memanggil fungsi kali dan tombol bagi akan memanggil fungsi bagi.

Untuk menuliskan kode java script maka harus di dalam tag script buka dan tutup. Pada fungsi tambah, variabel angka1 di isi oleh nilai element form dengan name angka1 (var angka1 = parseFloat(document.calculator.angka1.value);). Begitu juga dengan variabel angka2. Untuk variabel hasil nilainya di isi oleh variabel angka1 ditambah variabel angka2. Terakhir adalah mengembalikan nilai ke elemen form bernama hasil (document.calculator.hasil.value=hasil;).
Untuk kurang, kali dan bagi cara nya hampir sama, perbedaannya hanya pada operator.

Coba aplikasinya di sini.