Assalamualaikum Wr.Wb
Ini adalah latihan Javascript dengan menggunakan document.getElementById jadi ada sebuah tombol yang ketika di klik memiliki sebuah fungsi yang dapat merubah value pada sebuah element.Yang pertama kita buat tombol div beserta id.Selanjutnya membuat function di syntax Javascript untuk menampilkan.
Nah langsung saja saya beritahukan kode Javascriptnya seperti dibawah ini :
Nah langsung saja saya beritahukan kode Javascriptnya seperti dibawah ini :
- index.html
<!DOCTYPE html>
<html>
<head>
<title>soal 5 - biodata denagn 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="Ayu";
}
function kelas(){
document.getElementById('kelas').innerHTML="xll rpl2";
}
function alamat(){
document.getElementById('alamat').innerHTML="silo bonto";
}
function sekolah(){
document.getElementById('sekolah').innerHTML="smk n 1 air joman";
}
</script>
</body>
No comments:
Post a Comment