Belajar Membuat Alat Hitung Sederhana (Kalkulator Mol)

Sabtu, 18 April 2015

Berikut ini adalah hasil belajar menggunakan javascript untuk membuat kalkulator sederhana untuk menghitung jumlah mol zat. Sambil belajar ini akan saya terus kembangkan. Sekedar belajar toh memang di luar sana sudah ada yang membuat kalkulator yang jauh lebih canggih.
Untuk menggunakan alat hitung di bawah ini silakan ganti dan input massa zat dan massa molar zat dengan satuan yang sesuai tertera di sisi kanan kotak input. Jika sudah selesai tekan tombol , dan hasilnya akan tertampil di bagian kotak hasil. Jika ingin menghitung zat lain klik Tombol



Sedikit deskripsi tentang mol.
Jumlah zat dalam bidang kimia lebih sering dinyatakan dalam satuan mol.
1 mol zat murni dapat diartikan sebagai jumlah zat yang massa-nya (gram = disingkat g) sama dengan massa molar (g/mol).
2 mol zat murni dapat diartikan sebagai jumlah zat yang massanya 2 × massa molarnya.
Rumusnya: $massa~zat = jumlah~mol \times massa~molar (g/mol)$
sehingga:  $Jumlah~mol~zat=\frac{massa~zat (g)}{massa~molar (g/mol)}$

Hitung jumlah mol zat jika diketahui massa zat dan massa molar zat:

Input Nilai:

Massa Zat (m) gram
Massa Molar (mM) gram/mol



Hasil:
$n~=\frac{m}{mM}$  mol


Hitung massa zat jika diketahui jumlah mol dan massa molar zat:

Input Nilai:

Jumlah mol (n) mol
Massa Molar (mM) gram/mol



Hasil:
Massa zat (m) = n x mM  gram


Bagaimana ini dibuat? Untuk hitungan jumlah mol saya ketik langsung di postingan ini kodenya seperti di bawah ini.
<form method="post">
<b>Input Nilai:</b>

<table border="3" style="background: #D6FFD6;"><tbody>
<tr><td style="padding: 3px 10px;">Massa Zat (m)</td> <td style="padding: 3px 10px;">= </td><td style="padding: 3px 10px;"><input name="m" size="20" type="text" value="30" /> gram</td> </tr>
<tr> <td style="padding: 3px 10px;">Massa Molar (mM) </td> <td style="padding: 3px 10px;">=</td><td style="padding: 3px 10px;"><input name="mm" size="20" type="text" value="60" /> gram/mol</td> </tr>
</tbody> </table>

<button name="res" type="reset" value="Reset">Reset</button> <button name="eval" onclick="
{
var m=parseFloat(this.form.m.value)
var mm=parseFloat(this.form.mm.value)
this.form.mol.value=m/mm
}" type="button" value="Hitung">Hitung</button>

<b>Hasil:</b>
<table border="3" style="background: #D6FFD6;"><tbody>
<tr><td style="padding: 3px 10px;">Jumlah mol zat = </td>  <td style="padding: 3px 10px;"><input name="mol" size="20" type="text" /> mol</td> </tr>
<tr> </tr>
</tbody> </table>
</form>

Demikian.
Bagikan di

2 komentar:

  1. lalu kepikiran bikin kalkulator berbasis web

    BalasHapus
  2. makasih sob, kebetulan saya lagi belajar javascript... Ninggalin jejak dulu...

    BalasHapus

 
Copyright © 2015-2016 Urip dot Info | Disain Template Oleh Herdiansyah Hamzah Dimodivikasi Urip.Info