Contoh Latihan JAVASCRIPTdocument getElemenById
Assalammu'alaikum WR
ini adalah latihan java script dengan menggunakan dokumen getElemenById Jadi sebuah tombol yang ketika di klik memiliki sebuah fungsi yang merubah value pada sebuah element. yang pertama kita buat kita buat tombol, div beserta id, selanjutnya membuat function di syntax java script.
<!DOCTYPE html>
<html>
<head>
<title>soal 5 - BIODATA dengan JAVASCRIPT</title>
</head>
<body>
<div id="nama"></div>
<div id="kelas"></div>
<div id="alamat"></div>
<div id="sekolah"></div>
<button onclick="nama()">nama</button>
<button onclick="kelas()">kelas</button>
<button onclick="alamat()">alamat</button>
<button onclick="Sekolah()">sekolah</button>
<script type="text/javascript">
function nama(){
document.getElementById('nama').innerHTML = "Angga";
}
function kelas(){
document.getElementById('kelas').innerHTML = "XII RPL";
}
function alamat(){
document.getElementById('alamat').innerHTML = "Punggulan";
}
function Sekolah(){
document.getElementById('sekolah').innerHTML = "SMK N 1AIR JOMAN";
}
</script>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------
hasil :
Gambar di atas merupakan hasil dari javascript dukomen getElemenById.
ini adalah latihan java script dengan menggunakan dokumen getElemenById Jadi sebuah tombol yang ketika di klik memiliki sebuah fungsi yang merubah value pada sebuah element. yang pertama kita buat kita buat tombol, div beserta id, selanjutnya membuat function di syntax java script.
<!DOCTYPE html>
<html>
<head>
<title>soal 5 - BIODATA dengan JAVASCRIPT</title>
</head>
<body>
<div id="nama"></div>
<div id="kelas"></div>
<div id="alamat"></div>
<div id="sekolah"></div>
<button onclick="nama()">nama</button>
<button onclick="kelas()">kelas</button>
<button onclick="alamat()">alamat</button>
<button onclick="Sekolah()">sekolah</button>
<script type="text/javascript">
function nama(){
document.getElementById('nama').innerHTML = "Angga";
}
function kelas(){
document.getElementById('kelas').innerHTML = "XII RPL";
}
function alamat(){
document.getElementById('alamat').innerHTML = "Punggulan";
}
function Sekolah(){
document.getElementById('sekolah').innerHTML = "SMK N 1AIR JOMAN";
}
</script>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------
hasil :
Angga
XII RPL
Punggulan
SMK N 1AIR JOMAN
Gambar di atas merupakan hasil dari javascript dukomen getElemenById.
Komentar
Posting Komentar