Sunday 14 September 2014

Pembuatan Biodata JavaScript

Tutorial ini berupa pembuatan biodata yang berbasis java script , yang hanya dibutuhkan dalam pembuatan script ini adalah menggunakan notepad yang ada pada window .

Akan tetapi saya anjurkan agar anda menggunakan Notepad++ untuk mempermudah pekerjaan anda disaat pembuatan script.

Langkah-langkahnya :

  1. Buka Notepad/Notepad++
  2. Copy Script dibawah ini :
    <html>
    <head>
    <title>Latihan Java Script </title>
    <h4><i><u><font face="times new roman" size="+2" color ="#993300">Biodata Mahasiswa</font></u></i></h4>
    <body><pre><script language ="javascript">
    var nama=prompt("Siapa Nama Anda?","none");
    var tempat_lahir=prompt("Tempat lahir Anda?","none");
    var alamat=prompt("Alamat Anda?","none");
    var hoby=prompt("Hoby Anda?","none");
    var tanggal_lahir=prompt("Tanggal Lahir anda?","none");
    var SD=prompt("SD anda?","none");
    var SMP=prompt("SMP anda?","none");
    var SMA_SMK=prompt("SMA/SMK anda?","none");
    document.write("Nama Anda                           : "+ nama + "</br>");
    document.write("Tempat Lahir                        : "+ tempat_lahir + "</br>");
    document.write("Alamat                              : "+ alamat + "</br>");
    document.write("Hoby Anda                           : "+ hoby + "</br>");
    document.write("Tanggal Lahir                       : "+ tanggal_lahir + "</br>");
    document.write("SD Anda                             : "+ SD + "</br>");
    document.write("SMP Anda                            : "+ SMP + "</br>");
    document.write("SMA/SMK Anda                        : "+ SMA_SMK + "</br>");
    document.write("<br>============================================================================================"+"</b>");

    </script>
    <h4><i><u><font face="times new roman" size="+2" color ="#993300">Biodata Ayah Mahasiswa</font></u><i></h4>
    <script language ="javascript">
    var nama=prompt("Siapa Nama Ayah Anda?","none");
    var tempat_lahir=prompt("Tempat Lahir Ayah Anda?","none");
    var alamat=prompt("Alamat Ayah Anda?","none");
    var pendidikan_terakhir=prompt("Pendidikan Terakhir Ayah Anda?","none");
    var pekerjaan_ayah=prompt("Pekerjaan Ayah Anda?","none");
    document.write("Nama Ayah Anda                      : "+ nama + "</br>");
    document.write("Tempat Lahir Ayah Anda              : "+ tempat_lahir + "</br>");
    document.write("Alamat Ayah Anda                    : "+ alamat + "</br>");
    document.write("Pendidikan Terakhir Ayah Anda       : "+ pendidikan_terakhir + "</br>");
    document.write("Pekerjaan Ayah Anda                 : "+ pekerjaan_ayah + "</br>");
    document.write("<br>============================================================================================"+"</b>");

    </script>
    <h4><i><u><font face="times new roman" size="+2" color ="#993300">Biodata Ibu Mahasiswa</font></u><i></h4>
    <script language ="javascript">
    var nama=prompt("Siapa Nama Ibu Anda?","none");
    var tempat_lahir=prompt("Tempat Lahir Ibu Anda?","none");
    var alamat=prompt("Alamat Ibu Anda?","none");
    var pendidikan_terakhir=prompt("Pendidikan Terakhir Ibu Anda?","none");
    var pekerjaan_ibu=prompt("Pekerjaan Ibu Anda?","none");
    document.write("Nama Ibu Anda                      : "+ nama + "</br>");
    document.write("Tempat Lahir Ibu Anda              : "+ tempat_lahir + "</br>");
    document.write("Alamat Ibu Anda                    : "+ alamat + "</br>");
    document.write("Pendidikan Terakhir Ibu Anda       : "+ pendidikan_terakhir + "</br>");
    document.write("Pekerjaan Ibu Anda                 : "+ pekerjaan_ibu + "</br>");
    document.write("<br>============================================================================================"+"</b>");

    </script>
    </pre>
    </body>
    </head>
    </html>
  3. Lalu save dengan extension .html (script.hmtl)
  4. Terakhir buka menggunakan open with browser anda .













    Semoga bermanfaat buat anda .



     
     

0 Comment:

Post a Comment