Belajar Membuat Alat Hitung Sederhana (Kalkulator Mol)

Sabtu, 18 April 2015 edit

Berikut ini adalah hasil belajar menggunakan javascript untuk membuat kalkulator sederhana untuk menghitung jumlah zat. Sambil belajar ini akan saya terus kembangkan. Sekadar 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 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 dan massa molar zat:

Input Nilai:

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



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


Bagaimana ini dibuat? Untuk hitungan jumlah zat 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 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-2024 Urip dot Info | Disain Template oleh Herdiansyah Dimodivikasi Urip.Info