Scribd Logo
Unggah

Selamat datang di Scribd!

  • Warung Makan

    Diunggah oleh

    danang aryo
    17 tayangan3 halaman

    Judul Asli

    warung makan

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    17 tayangan3 halaman

    Warung Makan

    Diunggah oleh

    danang aryo

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    Kode cssnya , simpan dengan nama style.

    css

    function hitungPesan(){
    var pemb = document.form2;
    var hBakso = 12000 * eval(pemb.bks.value);
    var hSoto = 10000 * eval(pemb.Soto.value);
    var hMie = 15000 * eval(pemb.Mie.value);
    var hDegan = 5000 * eval(pemb.dgn.value);
    var hCampur = 7000 * eval(pemb.cmp.value);
    var Total = hBakso + hSoto + hMie + hDegan + hCampur;
    if (Total > 50000){
    pemb.Total.value = Total;
    pemb.Diskon.value = 10000;
    pemb.Bayar.value = Total - eval(pemb.Diskon.value);
    } else {
    pemb.Total.value = Total;
    pemb.Diskon.value = 0;
    pemb.Bayar.value = Total - eval(pemb.Diskon.value);
    }
    }
    function resetForm(){
    document.form2.reset();
    }

    Kode htmlnya :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>Warung enak</title>
    <script language="JavaScript" type="text/javascript"src="style.js">

    </script>
    </head>
    <body>

    <h2>Form Pemesanan Berbasis JavaScript</h2>


    <form name="form2" action="#">
    <table border="2px">
    <tr>
    <th>No</th>
    <th>Makanan/Minuman</th>
    <th>Harga</th>
    <th>Pesan</th></tr>
    <tr>
    <td width="20">1</td>
    <td width="250" align = "center">Bakso</td>
    <td width="100" >Rp. <input type="text" name="bakso" value="12000"
    size="n6" disabled="true" /></td>
    <td width="110"><input type="text" name="bks" size="n14" value="0"
    onChange="hitungPesan()"/></td></tr>
    <tr>
    <td>2</td>
    <td align = "center">Soto</td>
    <td>Rp. <input type="text" name="soto" value="10000" size="6"
    disabled="true"/></td>
    <td><input type="text" name="Soto" size="14" value="0"
    onChange="hitungPesan()"/></td></tr>
    <tr>
    <td>3</td>
    <td align = "center">Mie Ayam</td>
    <td>Rp. <input type="text" name="mie" value="15000" size="6"
    disabled="true"/></td>
    <td><input type="text" name="Mie" size="14" value="0"
    onChange="hitungPesan()"/></td></tr>
    <tr>
    <td>4</td>
    <td align = "center">Es Degan</td>
    <td>Rp. <input type="text" name="degan" value="5000" size="6"
    disabled="true"/></td>
    <td><input type="text" name="dgn" size="14" value="0"
    onChange="hitungPesan()"/></td></tr>
    <tr>
    <td>5</td>
    <td align = "center">Es Campur</td>
    <td>Rp. <input type="text" name="campur" value="7000" size="6"
    disabled="true"/></td>
    <td><input type="text" name="cmp" size="14" value="0"
    onChange="hitungPesan()"/></td></tr>
    <tr>
    <td colspan="3" align="right">Jumlah Total</td>
    <td>Rp.<input type="text" name="Total" size="10" disabled="true"
    /></td></tr>
    <tr>
    <td colspan="3" align="right">Diskon</td>
    <td>Rp.<input type="text" name="Diskon" size="10" disabled="true"
    /></td></tr>
    <tr>
    <td colspan="3" align="right">Jumlah Dibayar</td>
    <td>Rp.<input type="text" name="Bayar" disabled="true" size="10"
    align="right"/></td></tr>
    </table><br/>
    <input type="button" value="BATAL" onClick="resetForm()" />
    </form>

    </body>
    </html>

    Anda mungkin juga menyukai