Membuat Form Pemesanan dengan Javascript

Ini merupakan lanjutan dari postingan saya yang sebelumnya. Kali ini kita akan membuat form pemesanan makanan dengan javascript. Ini adalah screenshotnya (klik gmbr untuk memperbesar)

Kolom harga bersifat read only,jadi nilainya tetap dan tidak akan bisa di edit nilainya.
Sedangkan kolom Pesan bisa berubah sesuai dengan jumlah makanan yang kita pesan. Setelah itu harga yang harus di bayar akan tampil di baris paling bawah. Harga tersebut sudah dikuranngi dengan diskon Rp5000. Dan jika ingin membatalkan pesanan kita dapat menekan tombol "reset". Inilah adalah script dari tombol reset

function resetForm()
{
document.form2.reset();
}

Dan ini adalah script yang ditulis di antara tag <script>...</script> yg merupakan ciri khas dari javascript

function hitungPesan()
{
var nota = document.form2;
var hargaBakso = 12000 * eval(nota.qBakso.value);
var hargaSoto = 10000 * eval(nota.qSoto.value);
var hargaMie = 15000 * eval(nota.qMie.value);
var hargaDegan = 5000 * eval(nota.qDegan.value);
var hargaCampur = 7000 * eval(nota.qCampur.value);
var jumlahTotal = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur;
if (jumlahTotal > 50000)
{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 10000;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
else
{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 0;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
}
function resetForm()
{
document.form2.reset();
}

Selengkapnya......

Membuat Kalkulator sederhana dengan JavaScript

Kali ini saya akan mencoba untuk membhahas tentang java script. Sebelum mencoba javascript alangkah baiknya kita mengenal lebih dulu apa itu javasvript. Karena ada pepatah "tak kenal maka tak sayang".
JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain.
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self.
Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>.
Ouwke karena kita sudah mengenal apa itu javascript. Mari sekarang kita langsung menerapkannya. Kita akan membuat kalkulator sederhana. Di bawah ini contoh tampilannya (klik gmbr untuk memperbesar)


berikut ini adalah
script yang ditulis diantara tag <script>...</script>

function hitung()
{
var myForm = document.form1;
var x=eval(myForm.x.value);
var y=eval(myForm.y.value);
var pil= myForm.tanda.value;
if (pil == "tambah")
{
var z = x + y;
}
else if (pil == "kurang")
{
var z = x - y;
}
else if (pil == "kali")
{
var z = x * y;
}
else if (pil == "bagi")
{
var z = x / y;
}
myForm.hasil.value = z;

}
function resetForm()
{
document.form1.reset();
}

Selengkapnya......