Scribd Logo
Upload

Welcome to Scribd!

  • Pemesanan

    Uploaded by

    Dede Nita
    11 views5 pages

    Original Title

    pemesanan

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views5 pages

    Pemesanan

    Uploaded by

    Dede Nita

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    function HargaTotal() {

    var myForm = document.pemesanan;


    var total1;
    var total2;
    var total3;
    var total4;
    var total5;
    var jumlah1 = parseInt(myForm.jumlah1.value);
    var jumlah2 = parseInt(myForm.jumlah2.value);
    var jumlah3 = parseInt(myForm.jumlah3.value);
    var jumlah4 = parseInt(myForm.jumlah4.value);
    var jumlah5 = parseInt(myForm.jumlah5.value);

    if(myForm.jumlah1.value == "") jumlah1=0;


    if(myForm.jumlah2.value == "") jumlah2=0;
    if(myForm.jumlah3.value == "") jumlah3=0;
    if(myForm.jumlah4.value == "") jumlah4=0;
    if(myForm.jumlah5.value == "") jumlah5=0;

    total1 = parseInt(myForm.harga1.value)*jumlah1;
    total2 = parseInt(myForm.harga2.value)*jumlah2;
    total3 = parseInt(myForm.harga3.value)*jumlah3;
    total4 = parseInt(myForm.harga4.value)*jumlah4;
    total5 = parseInt(myForm.harga5.value)*jumlah5;

    myForm.total.value = total1 + total2 + total3 + total4 + total5;


    }

    function diskon() {
    var myForm = document.pemesanan;

    if(myForm.total.value < 50000) {


    myForm.potongan.value = 0;
    }
    else {
    myForm.potongan.value = 10000;
    }
    }

    function TotalBayar() {
    var myForm = document.pemesanan;

    myForm.bayar.value = parseInt(myForm.total.value) -
    parseInt(myForm.potongan.value);
    }

    function proses() {
    HargaTotal();
    diskon();
    TotalBayar();
    }

    function batal() {
    var element = document.pemesanan;

    element.jumlah1.value = "";
    element.jumlah2.value = "";
    element.jumlah3.value = "";
    element.jumlah4.value = "";
    element.jumlah5.value = "";
    element.total.value = "";
    element.potongan.value = "";
    element.bayar.value = "";
    }

    pemesanan.js
    body {
    margin: 50px auto;
    width: 700px;
    height: 500px;
    background-image: url(bg.jpg);
    }

    header,section,footer,logo {
    display: block;
    }

    header {
    height: 100px;
    background-color: #6d6c6c;
    text-align: center;
    }

    logo{
    float: left;
    height: 80px;
    width: 80px;
    margin: 10px 10px 10px 50px;
    border: 1px solid black;
    }

    judul {
    font-family: crackman;
    font-size: 20px;
    color: white;
    font-weight: bold;
    float: left;
    margin: 50px 10px 10px 10px;
    }

    section {
    height: 350px;
    background-color: #d6d3d3;
    padding: 10px;
    }

    footer {
    clear: both;
    height: 20px;
    background-color: #6d6c6c;
    text-align: center;
    color: white;
    }
    pemesanan.css
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <title>Form Pemesanan Makanan</title>
    <link rel="stylesheet" href="pemesanan.css" type="text/css" />

    <script type="text/javascript" src="pemesanan.js"></script>


    </head>

    <body>

    <header>

    <judul>Form Pemesanan Berbasis JavaScript</judul>


    </header>

    <section>
    <form name="pemesanan" action="#">
    <table cellpadding="" 3 border=1>
    <tr>
    <th width=30>No.</th>
    <th width=280>Makanan/Minuman</th>
    <th width=120>Harga</th>
    <th width=200>Jumlah Pesan</th>
    </tr>

    <tr>
    <td> 1.</td>
    <td>Bakso Istimewa</td>
    <td>@ Rp. <input type="text" name="harga1" value="12000"
    size=5 readonly></td>
    <td><center><input type="text" name="jumlah1"
    onchange="proses()" size=12 style="text-align:center"></center></td>
    </tr>

    <tr>
    <td> 2.</td>
    <td>Soto Spesial</td>
    <td>@ Rp. <input type="text" name="harga2" value="10000"
    size=5 readonly></td>
    <td><center><input type="text" name="jumlah2"
    onchange="proses()" size=12 style="text-align:center"></center></td>
    </tr>

    <tr>
    <td> 3.</td>
    <td>Mie Ayam Super</td>
    <td>@ Rp. <input type="text" name="harga3" value="15000"
    size=5 readonly></td>
    <td><center><input type="text" name="jumlah3"
    onchange="proses()" size=12 style="text-align:center"></center></td>
    </tr>

    <tr>
    <td> 4.</td>
    <td>Es Degan</td>
    <td>@ Rp. <input type="text" name="harga4" value="5000"
    size=5 readonly></td>
    <td><center><input type="text" name="jumlah4"
    onchange="proses()" size=12 style="text-align:center"></center></td>
    </tr>

    <tr>
    <td> 5.</td>
    <td>Es Campur</td>
    <td>@ Rp. <input type="text" name="harga5" value="7000"
    size=5 readonly></td>
    <td><center><input type="text" name="jumlah5"
    onchange="proses()" size=12 style="text-align:center"></center></td>
    </tr>

    <tr>
    <td colspan=3 align="right">JUMLAH TOTAL</td>
    <td><center>Rp. <input type="text" name="total" size=8
    style="text-align:center" readonly></center></td>
    </td>

    <tr>
    <td colspan=3 align="right">DISKON</td>
    <td><center>Rp. <input type="text" name="potongan" size=8
    style="text-align:center" readonly></center></td>
    </td>

    <tr>
    <td colspan=3 align="right">JUMLAH BAYAR</td>
    <td><center>Rp. <input type="text" name="bayar" size=8
    style="text-align:center" readonly></center></td>
    </td>

    </table>
    <br />
    <center><input type="button" value="BATAL" onclick="batal()"
    /></center>
    </form>
    </section>

    <footer>&copy; dede nita</footer>


    </body>
    </html>

    Pemesanan.html

    You might also like