Práce s textovými poli v JavaScriptu

Nyní se naučíme získávat text od uživatelů našich stránek. K tomu v HTML existuje speciální tag input, který představuje textové pole pro zadávání dat.

<input>

Tento tag má speciální atribut value, který nastavuje počáteční text, který bude v inputu při načtení stránky:

<input value="text">

Uživatel našich stránek může po načtení stránky změnit text inputu. Přitom, pokud máme proměnnou obsahující odkaz na tento input, pak vlastnost value této proměnné bude vždy obsahovat aktuální hodnotu textu inputu.

Zkusme to v praxi. Mějme input s atributem value:

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

Získáme odkaz na tento input do proměnné:

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

A nyní vypišme na obrazovku aktuální text inputu:

console.log(elem.value);

A nyní změňme text inputu na jiný:

elem.value = 'new text';

Je dán input a tlačítko. Po kliknutí na tlačítko zapište do inputu nějaký text.

Je dán input, odstavec a tlačítko. Po kliknutí na tlačítko zapište do odstavce text z inputu.

Jsou dány dva inputy a tlačítko. Do prvního inputu uživatel zadá číslo. Po kliknutí na tlačítko zapište do druhého inputu druhou mocninu zadaného čísla.

Jsou dány dva inputy a tlačítko. Po kliknutí na tlačítko zapište do prvního inputu hodnotu druhého inputu a do druhého inputu - hodnotu prvního. Váš kód musí fungovat univerzálně, pro jakékoli hodnoty inputů.

Je dáno 5 inputů, odstavec a tlačítko. Do inputů se zadávají čísla. Po kliknutí na tlačítko zapište aritmetický průměr zadaných čísel do odstavce.