JavaScript-da teksti meýdanlary bilen işlemek

Häzir biz öz sahypamyzyň ulanyjylaryndan tekst nädip alyp bolýandygyny öwreneris. Bunuň üçin HTML-da ýörite input teg görkezilýär, bu maglumat girizmek üçin teksti meýdanyny görkezýär.

html<input>

Bu teg üçin ýörite häsiýet value, sahypa ýüklenende input içinde ýazylyp başlangyç tekstini belgileýär:

html<input value="tekst">

Sahypamyzyň ulanyjysy sahypa gireninden soň input tekstini üýtgedip biler. Bu ýagdaýda, eger bu input-a salgy berýän üýtgeýän birimimiz bar bolsa, onda value häsiýeti şol üýtgeýän birimiň inputyň häzirki tekstini daýym saklar.

Geliň amaly işde synap göreli. Bizde value häsiýeti bilen input bolsun:

html<input id="elem" value="tekst">

Bu input-a üýtgeýän birime salgy alyň:

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

Indi inputyň häzirki tekstini ekrana çykaraýalyň:

javascriptconsole.log(elem.value);

Indi input tekstini beýlekisine üýtgedeliň:

javascriptelem.value = 'täze tekst';
Задание 1

Bir input we düwme berlen. Düwmä basylanda inputa käbir tekst ýazyň.

Задание 2

Bir input, abzas we düwme berlen. Düwmä basylanda abzasa inputdaky teksti ýazyň.

Задание 3

Iki input we düwme berlen. Birinji inputa ulanyjy tarapyndan san girizilýär. Düwmä basylanda ikinji inputa girizilen sanyň kwadratyny ýazyň.

Задание 4

Iki input we düwme berlen. Düwmä basylanda birinji inputa ikinji inputyň bahasyny ýazyň, ikinji inputa bolsa birinji inputyň bahasyny ýazyň. Siziň kodunyzyň işleýşi ähli input bahalary üçin ýönekeý bolmaly.

Задание 5

5 sany input, abzas we düwme berlen. Inputlara sanlar girizilýär. Düwmä basylanda girizilen sanlaryň ortaça arifmetik bahasyny abzasa ýazyň.