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:

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

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

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

Gerek bolan atributlaryň bahalaryny çap edeliň:

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

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

elem.type = 'submit';

Aşakdaky input berlen:

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

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

Aşakdaky input berlen:

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

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

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

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

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.

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

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üň.

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