Menginput Data Dengan Objek Teks Menggunakan JavaScript

Pada artikel ini kita akan belajar tentang menginput data dengan objek teks . pertama kita akan membuat form untuk menginput data dengan objek .
Seperti gambar berikut :

alt

<html>  
<head>  
    <title>Latihan Dengan Objek Text</title>
</head>  
    <body>
        <script type="text/javascript">
            function tekan()
            {
             var namastr = (document.fform.nama.value);
             var alamatstr = (document.fform.alamat.value);
             document.fform.onama.value = namastr;
             document.fform.oalamat.value = alamatstr;
            }

        </script>
        <form name ="fform">
            <H1> Memasukkan Data Dengan Objek Teks</H1>

                Nama Anda : <input type="text" size="11" name="nama"><br>
                Alamat    : <input type="text" size="25" name="alamat">
            <BR>
                <input type="button" value="kirim" onclick="tekan()">
                <input type="reset" value="ulang">
            <H3>Output</H3>
            <PRE>
            Jadi Nama Anda adalah :<input type="text" size="11" name="onama"><br>
            Alamat Anda di        :<input type="text" size="25" name="oalamat">
        </form>
    </body>
</html>

Penjelasan function tekan digunakan untuk memproses hasil dari inputan .

function tekan()  
{
    var namastr = (document.fform.nama.value);
    var alamatstr = (document.fform.alamat.value);
    document.fform.onama.value = namastr;
    document.fform.oalamat.value = alamatstr;
}

Menampilkan hasil dari inputan

<H3>Output</H3>  
<PRE>  
Jadi Nama Anda adalah :<input type="text" size="11" name="onama">  
Alamat Anda di        :<input type="text" size="25" name="oalamat">  

Anda bisa mendownload source code berikut di
https://github.com/era-belajar/Objek-Teks-dengan-Javascript

Marfi Saputra

Web Programmer di erabelajar.com (PT Ridaka Indonesia Cerdas) . Mengambil Kosentrasi Informatika Komputer di LP3I JAKARTA Kampus Depok