Sabtu, 04 April 2020

Cara Mudah Membuat Website Menggunakan JavaScript

HELLO,Sobat programer kali saya akan membuat salah satu website menggunakan javascript dengan mudah dan praktis,
Kali ini saya mempunyai satu contoh website yaitu memasukkan data siswa SMK.

Jika kalian ingin membuat website tersebut kalian harus ikuti langkah-langkah sebagai berikut,
Berikut langkah-langkah pembuatan Object Text:



langkah pertama kalian buat dulu nama filenya,terserah nama filenya.

Disini saya mempunyai sebuah contoh Script yang telah saya sediakan.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script language="javaScript">
<!--
function radio_box(form)

var namastr = (document.ffrom.nama.value); 
var alamatstr = (document.ffrom.alamat.value); 
var jenis_kelamin = (document.ffrom.jenis_kelamin.value);
var komentar = (document.ffrom.komentar.value); 

document.ffrom.onama.value = namastr;
document.ffrom.oalamat.value = alamatstr;
document.ffrom.ojeniskelamin.value = jenis_kelamin;
document.ffrom.ostatus.value=ostatus;
document.ffrom.ojurusan.value=jurusan;
document.ffrom.okomentar.value=komentar;
}
//-->
</script>
<form name ="fform">
<h1>Memasukkan Data Siswa SMK</h1><hr>
<pre>
NISN : <input type="text" size="15" name="nama"><br>
NAMA : <input type="text" size="25" name="alamat">
</pre>
Jenis Kelamin :<select name="jenis_kelamin" size="1">
   <option value="Laki - Laki">Laki - Laki</option>
       <option value="Perempuan">Perempuan</option>
       </select>
<br><br>
Jurusan :<select name="Jurusan2" size="1">
<option value="RPL">RPL</option>
<option value="MM">MM</option>
<option value="TJA">TJA</option>
    </select>
<br><br>
Komentar : <br><textarea name="Ket" rows="3" cols="30"></textarea><br>
<br>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<pre>
</form>
</body>
</html>

Jadi begitulah sobat cara membuat website menggunakan javascript dengan mudah,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:

0 komentar:

Posting Komentar

Cari Blog Ini

Pengikut

Unordered List

Diberdayakan oleh Blogger.

Text Widget

Ordered List

Recent Posts

Unordered List

Pages

Theme Support