Atribut Tag sebagai Properti dalam JavaScript

Sekarang mari belajar untuk mendapatkan atribut tag. Aturan berikut berlaku di sini: setiap atribut tag sesuai dengan properti DOM element dengan nama yang sama.

Mari kita lihat contohnya. Misalkan kita memiliki tag seperti ini:

<input id="elem" type="text">

Dapatkan referensi ke elemen kita ke dalam variabel:

let elem = document.querySelector('#elem');

Tampilkan nilai atribut yang kita butuhkan:

console.log(elem.id);   // akan menampilkan 'elem'
console.log(elem.type); // akan menampilkan 'text'

Dan sekarang sebagai contoh, mari ubah nilai atributnya:

elem.type = 'submit';

Diberikan input berikut:

<input id="elem" type="email">

Diberikan juga sebuah tombol. Saat tombol ditekan, tampilkan di layar isi dari atribut type pada input yang ditentukan di atas.

Diberikan input berikut:

<input id="elem" type="email">

Diberikan juga sebuah tombol. Saat tombol ditekan, tuliskan ke dalam atribut type nilai submit.

Misalkan Anda memiliki tautan dalam bentuk tag a, tombol, dan paragraf. Saat tombol ditekan, tampilkan ke dalam paragraf isi dari atribut href tautan.

Misalkan Anda memiliki sebuah tautan dan sebuah tombol. Saat tombol ditekan, tambahkan di akhir teks tautan isi dari atribut href-nya dalam tanda kurung.

Misalkan Anda memiliki sebuah gambar. Tempatkan gambar tersebut pada halaman menggunakan tag img. Misalkan juga diberikan sebuah tombol dan sebuah paragraf. Buatlah agar saat tombol diklik, path/alamat gambar dari atribut src-nya ditulis ke dalam paragraf.

Diberikan sebuah gambar dalam tag img dan sebuah tombol. Saat tombol ditekan, tuliskan nilai 300 ke dalam atribut width.

Diberikan sebuah gambar dalam tag img dan sebuah tombol. Misalkan dalam atribut width ditetapkan suatu lebar. Buat sebuah tombol, yang ketika ditekan, lebar gambar akan meningkat 2 kali lipat.

Misalkan Anda memiliki dua gambar. Buatlah pada halaman sebuah tag img dan dua tombol. Saat tombol pertama ditekan, tuliskan ke dalam atribut src path/alamat ke gambar pertama, dan saat tombol kedua ditekan - path/alamat ke gambar kedua.