Assalamualaikum...
Q&A yang akan saya bahas adalah sebagai berikut :
1. Kapan sebuah elemen memerlukan atribut id?
jawab :
Anda dapat menggunakan atribut id ini untuk menunjukkan setiap elemen dalam suatu halaman. Anda mungkin ingin mengidentifikasi sebuah elemen sehingga anda dapat menautkan ke bagian khusus di dalam dokumen atau untuk menentukan bahwa bagian dari Javasript seharusnya diterapkan pada konten hanya satu elemen dalam dokumen. sintak yang digunakan untuk atribut id sebagai berikut. kita beri saja nilai 'Harga' untuk atributnya: id="txthrg".
atau seperti berikut:
id script html
 |
| Gambar 01 |
Javascript
 |
| Gambar 02 |
id digunakan untuk hubungan antara html dan Javascript seperti gambar di atas.
2.
Cara penulisan event (html)!
Jawab
:
HTML
event attributes adalah attribute di dalam HTML yang berisi perintah untuk
menjalankan script (JavaScript). Hal ini sangat berkaitan dengan JavaScript yang
sebelumnya harus dipelajari terlebih dahulu. Event berarti peristiwa
yang mana peristiwa tersebut melekat pada HTML element sebagai attribute, baik
itu tanpa atau setelah ada interaksi dari user seperti menjalankan script
ketika loading halaman, menjalankan script ketika user mengklik tombol button
pada HTML element <button> dan lain sebagainya.
contoh
:
Onclick
= Instruksi untuk menjalankan script ketika sebuah element diklik atau
disentuh.
Cara
penulisannya di HTML seperti ini : <input type=”…” value=”..”
onclick=”…()”/>
3. Cara penulisan function!
Jawab :
function namafungsi(parameter)
{
Beberapa code untuk dijalankan
}
Fungsi adalah suatu blok kode yang dijalankan ketika ada script yang memanggil fungsi tersebut. Fungsi merupakan bagian subprogram yang melaksanakan suatu tugas tertentu ketika diperlukan. Fungsi ini dapat dipanggil dengan cara menuliskan nama fungsinya saja, dan disertai dengan parameter apabila ada. Jadi parameter dalam suatu fungsi bersifat opsional. Suatu fungsi ditulis sebagai blok kode dengan syntax seperti Gambar 02 atau seperti berikut :
<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function proses()
{
var harga = document.getElementById("txthrg").value;
var qty = document.getElementById("txtqty").value;
var subtotal = harga * qty;
document.getElementById("lblsubtotal").innerHTML = subtotal;
}
</script>
</body>
</html>
4. Input dan output!
Jawab :
Input <input> element digunakan untuk menunjukkan sebuah inputan (masukkan) dalam bentuk kotak dan sejenisnya yang dapat diedit/diketik untuk diisi data tertentu (seperti memasukkan data diri nama, email, tanggal, dan lain sebagainya).
<input> merupakan element interaktif yang biasanya ditulis bersamaan dengan form control.
Arti semantic dan fungsi dari <input> element dapat beraneka ragam tergantung dari atribut type yang digunakan.
<input> adalah element yang tidak memiliki tag penutup (closing tag) dan merupakan element kosong yang tidak memiliki konten, hanya terdapat atribut saja.
Output merupakan keluaran yang dihasilkan dari inputan yang telah diproses dan output yang bertugas sebagai yang menampilkan value yang telah di proses.
contoh html dan javascript input output :
<html>
<head>
<title>SubHarga</title>
</head>
<style>
.tengah
{
margin: auto;
width: 50%;
border: 3px solid brown;
padding: 10px;
text-align: center;
}
label
{
width: 115px;
display: inline-block;
}
</style>
<div class="tengah">
<h3>Sub Total</h3>
<body>
<div>
<label>Harga</label>
<input type="txt" id="txthrg"/>
</div>
<div>
<label>Qty</label>
<input type="txt" id="txtqty"/>
</div>
<br>
<div>
<label>Sub Total</label>
<label style="width:175px; background-color:pink" id="lblsubtotal">Hasil</label>
</div>
<br>
<input type="button" value="proses" onclick="proses()"/>
<script>
function proses()
{
//input
var harga = document.getElementById("txthrg").value;
var qty = document.getElementById("txtqty").value;
//proses
var subtotal = harga * qty;
//output
document.getElementById("lblsubtotal").innerHTML = subtotal;
}
</script>
</body>
</html>
cara menjalanannya sebagai berikut :
terimakasih atas perhatiannya jika ada yang salah mohon komentarnya.
wassalamualaikum...
Tidak ada komentar:
Posting Komentar