1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

(ask) belajar html mohon di bantu

Discussion in 'Pemrograman Web' started by pandaris03, Jan 20, 2013.

  1. pandaris03

    pandaris03 Newbie

    Joined:
    Oct 14, 2012
    Messages:
    46
    Likes Received:
    0
    Mohon maaf apabila tread yang saya bikin tidak sesuai dengan Peraturan Forum atau Doble Post, klo doble post mohon di merger saja dengan yang lama,

    Para master Para Suhu dan Para senioar serta para temen2 member forum semua
    kebetulan ane sedang belajar Kotak katik belajar HTML

    nah dalam pembelajaran yang ane lakukan ada sedikit kesulitan dalam pembatasan karakter, untuk lebih jelasnya langsung saja ane kasih contoh nya

    ini contoh tagnya

    Code:
    <title>Belajar</title>
<script LANGUAGE="JavaScript">
function cek(){
if(form.angka1.value == "" || form.angka2.value == ""){
alert("Data harus 4 digit");
exit;
}
}
function tambah() {
cek(); //panggil function cek
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a+b 
form.total.value = c; 
}
function kali() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a*b
form.total.value = c;
}
function kurang() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a-b
form.total.value = c;
}
function bagi() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a/b
form.total.value = c;
}
function reset() {
form.angka1.value="";
form.angka2.value="";
form.total.value = "";
}
</script>
<form name="form">
<table>
<tr>
<td align="center" width="25"><span style="font-family: Arial,Helvetica,sans-serif;">Angka1</span></td>
<td align="LEFT" width="25"><span style="font-family: Arial,Helvetica,sans-serif;"><input type=text name="angka1" size="20" 


/></span></td>
</tr>
<tr>
<td align="center" width="25"><span style="font-family: Arial,Helvetica,sans-serif;">Angka2</span></td>
<td align="LEFT" width="25"><span style="font-family: Arial,Helvetica,sans-serif;"><input name="angka2" type="text" size="20" 


/></span></td>
</tr>
<tr>
<td align="center" width="25"><span style="font-family: Arial,Helvetica,sans-serif;">Hasil</span></td>
<td align="LEFT" width="25"><span style="font-family: Arial,Helvetica,sans-serif;"><input type="text" value="" name="total" 


size="20" /></span></td>
</tr>
</table>
<!-- membuat event ketika tombol di klik maka memanggil function javascript -->
<input type=button name=submit onclick="tambah()" value="+">
<input type=button name=submit onclick="kali()" value="X">
<input type=button name=submit onclick="bagi()" value="/">
<input type=button name=submit onclick="kurang()" value="-">
<input type=button name=submit onclick="reset()" value="Reset">
</form>
    Hasilnya Penampakannya seperti ini

    [​IMG]

    Permasalahannya yaitu

    1. Saya ingin pengisian Kolom angka 1 harus memenuhi syarat yaitu :

    • Minimal Empat Digit
    • Nilainya harus lebih besar dari 2313

    2. Saya ingin pengisian Kolom angka 2 harus memenuhi syarat yaitu :

    • Minimal Dua ( 2 ) Digit
    • Nilainya harus lebih besar dari 13

    3. Apabila Kolom 1 di isi tidak memenuhi syarat maka akan keluar peringatan

    • Harap di isi 4 digit dan Nilainya lebih besar dari 2313

    4. Apabila Kolom 2 di isi tidak memenuhi syarat maka akan keluar peringatan

    • Harap di isi 2 digit dan Nilainya lebih besar dari 13




    Mohon bantuannya para master apa dan bagai mana perubahan scriptnya

    terimakasih sebelumnya
     
    pandaris03, Jan 20, 2013
    #1
  2. FuLan

    FuLan Ads.id Starter

    Joined:
    Jun 18, 2011
    Messages:
    73
    Likes Received:
    28
    coba gini gan

    PHP:
    <!DOCTYPE html>
    <    html>
        <    head>
            <    title>Belajar</title>
            <    script type="text/javascript">
                function     res(kondisi)
                    {
                    var     hasil, angka1, angka2;
                        hasil = '';
                        angka1 = document.getElementById('angka1').value;
                        angka2 = document.getElementById('angka2').value;

                    if (    kondisi != 'reset')
                        {
                        if (    angka1.length < 4 || parseInt(angka1) <= 2313)
                            {
                                alert("Harap Angka 1 di isi 4 digit dan Nilainya lebih besar dari 2313 ");
                            return;
                            }

                        if (    angka2.length < 2 || parseInt(angka2) <= 13)
                            {
                                alert("Harap Angka 2 di isi 2 digit dan Nilainya lebih besar dari 13 ");
                            return;
                            }
                        }

                    switch (    kondisi)
                        {
                        case     'tambah':
                                hasil = parseInt(angka1) + parseInt(angka2);
                            break;
                        case     'kali':
                                hasil = parseInt(angka1) * parseInt(angka2);
                            break;
                        case     'bagi':
                                hasil = parseInt(angka1) / parseInt(angka2);
                            break;
                        case     'kurang':
                                hasil = parseInt(angka1) - parseInt(angka2);
                            break;

                        case     'reset': document.getElementById('angka1').value = '';
                            document.getElementById('angka2').value = '';
                        break;
                        }
                        document.getElementById('total').value = hasil;
                    }
                </script>
        </head>
        <body>
            <form name="form">
                <table>
                    <tr>
                        <td align="center" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">Angka1</span>
                        </td>
                        <td align="LEFT" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">
                            <input type="text" id="angka1" name="angka1" size="20" /></span>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">Angka2</span>
                        </td>
                        <td align="LEFT" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">
                            <input id="angka2" name="angka2" type="text" size="20" /></span>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">Hasil</span>
                        </td>
                        <td align="LEFT" width="25">
                            <span style="font-family: Arial,Helvetica,sans-serif;">
                            <input value="" type="text" id="total" name="total" size="20" /></span>
                        </td>
                    </tr>
                </table>
                <!-- membuat event ketika tombol di klik maka memanggil function javascript -->
                <input type=button name=submit onclick="res('tambah')" value="+" />
                <input type=button name=submit onclick="res('kali')" value="X" />
                <input type=button name=submit onclick="res('bagi')" value="/" />
                <input type=button name=submit onclick="res('kurang')" value="-" />
                <input type=button name=submit onclick="res('reset')" value="Reset" />
            </form>
        </body>
    </html>
     
    FuLan, Jan 20, 2013
    #2
    pandaris03 likes this.
  3. pandaris03

    pandaris03 Newbie

    Joined:
    Oct 14, 2012
    Messages:
    46
    Likes Received:
    0
    Alhamdulillah Ada yang mau bantu Trimakasih agan

    Saya Coba dulu, Pertanyaan lain dengan script HTML lain akan Muncul, Mohon di bantu ya Agan Bos............
     
    pandaris03, Jan 21, 2013
    #3

Share This Page