JavaScript-те мәтін өрістерімен жұмыс

Қазір біз сайтымыздың пайдаланушыларынан мәтін қалай алуды үйренеміз. Бұл үшін HTML-де арнайы input тегі бар, ол деректер енгізу үшін мәтін өрісін білдіреді.

<input>

Бұл тегдің арнайы value атрибуты бар, ол бетке кірген кезде енгізу өрісінде болатын бастапқы мәтінді орнатады:

<input value="мәтін">

Сайтымыздың пайдаланушысы бетке кіргеннен кейін енгізу өрісінің мәтінін өзгерте алады. Сонымен қатар, егер бізде осы енгізу өрісіне сілтемесі бар айнымалы болса, онда бұл айнымалының value қасиеті әрқашан енгізу өрісінің ағымдағы мәтінінің мәнін қамтиды.

Тәжірибеде көрейік. Бізде value атрибуты бар енгізу өрісі болсын:

<input id="elem" value="мәтін">

Осы енгізу өрісіне сілтемені айнымалыға алайық:

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

Енді енгізу өрісінің ағымдағы мәнін экранға шығарайық:

console.log(elem.value);

Енді енгізу өрісінің мәнін басқаға өзгертейік:

elem.value = 'жаңа мәтін';

Енгізу өрісі және батырма берілген. Батырманы басқанда енгізу өрісіне кез келген мәтін енгізіңіз.

Енгізу өрісі, абзац және батырма берілген. Батырманы басқанда абзацқа енгізу өрісінің мәтінін енгізіңіз.

Екі енгізу өрісі және батырма берілген. Бірінші енгізу өрісіне пайдаланушы сан енгізеді. Батырманы басқанда екінші енгізу өрісіне енгізілген санның квадратын енгізіңіз.

Екі енгізу өрісі және батырма берілген. Батырманы басқанда бірінші енгізу өрісіне екінші енгізу өрісінің мәнін, ал екінші енгізу өрісіне біріншінің мәнін енгізіңіз. Сіздің кодыңыз әмбебап жұмыс істеуі керек, енгізу өрістерінің кез келген мәндері үшін.

5 енгізу өрісі, абзац және батырма берілген. Енгізу өрістеріне сандар енгізіледі. Батырманы басқанда енгізілген сандардың орташа арифметикалық мәнін абзацқа енгізіңіз.