JavaScript-dä teg atributlary hökmünde meýdanlar

Indi teg atributlaryny nädip almalydygyny öwreneli. Bu ýerde şu düzgün geçerli: her bir teg atributyna DOM elementiniň şol atdaky meýdany gabat gelýär.

Mysal üçin seredeli. Geliň bizde şeýle teg bolsun:

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

Elementimize çykgyt almaga we ony üýtgeýjide saklamaga:

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

Gerek bolan atributlaryň bahalaryny çap edeliň:

javascriptconsole.log(elem.id);   // 'elem' çap eder
console.log(elem.type); // 'text' çap eder

Indi bolsa mysal üçin atributyň bahasyny üýtgedeliň:

javascriptelem.type = 'submit';
Задание 1

Aşakdaky input berlen:

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

Bir düwme hem berlen. Düwmä basylanyňyzda ýokarda görkezilen inputyň type atributynyň mazmunyny ekrana çap ediň.

Задание 2

Aşakdaky input berlen:

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

Bir düwme hem berlen. Düwmä basylanyňyzda type atributyna submit bahasyny ýazyň.

Задание 3

Siziň a tegindäki bir baglanyşyk, bir düwme we bir abzas bolsun. Düwmä basylanyňyzda baglanyşygyň href atributynyň mazmunyny abzasa çap ediň.

Задание 4

Siziň bir baglanyşyk we bir düwmeňiz bolsun. Düwmä basylanyňyzda baglanyşyk tekstiňiň ahyryna onuň href atributynyň mazmunyny tögerek möýüm içine goşuň.

Задание 5

Siziň bir suratyňyz bolsun. Ony sahypa üçin img tegini ulanyp ýerleşdiriň. Bir düwme we bir abzas hem berlen. Düwmä basylanyňyzda abzasa surat ýoluny onuň src atributyndan ýazdyrmak üçin etmeli.

Задание 6

img tegindäki bir surat we bir düwme berlen. Düwmä basylanyňyzda width atributyna 300 bahasyny ýazyň.

Задание 7

img tegindäki bir surat we bir düwme berlen. Geliň width atributynda käbir ini berlen bolsun. Basylanynda suratyň ini 2 esse artdyrar düwme düzüň.

Задание 8

Siziň iki sany suratyňyz bolsun. Sahypada bir sany img teg we iki sany düwme düzüň. Birinci düwmä basylanyňyzda src atributyna birinci suratyň ýolunu, ikinji düwmä basylanyňyzda ikinji suratyň ýolunu ýazyň.