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:

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

Dapatkan referensi ke elemen kita ke dalam variabel:

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

Tampilkan nilai atribut yang kita butuhkan:

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

Dan sekarang sebagai contoh, mari ubah nilai atributnya:

javascriptelem.type = 'submit';

Задание 1

Diberikan input berikut:

html<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.

Задание 2

Diberikan input berikut:

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

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

Задание 3

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

Задание 4

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

Задание 5

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.

Задание 6

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

Задание 7

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.

Задание 8

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.