Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
⊗jsPmFmOin 404 of 505 menu

Падзея input у JavaScript

Наступная падзея, якую мы з вамі вывучым, называецца input. Яна ўзнікае кожны раз пры ўводзе новага сімвала ў інпут або textarea. Паглядзім на прыкладзе. Хай у нас ёсць інпут:

<input id="elem">

Давайце пры кожным націсканні кнопкі на клавіятуры будзем выводзіць у кансоль бягучае змесціва інпута:

let elem = document.querySelector('#elem'); elem.addEventListener('input', function() { console.log(this.value); });

Дадзены інпут. Хай у яго ўводзіцца тэкст. Як толькі даўжыня тэксту дасягне 5-ці, выведзіце на экран паведамленне пра гэта.

Дадзены інпут. Хай у яго дазволена ўвесці 5 сімвалаў. Дадзены таксама абзац. Па меры ўводу сімвалаў у інпут пішыце, яшчэ колькі сімвалаў можна ўвесці. Калі колькасць сімвалаў перавысіць 5-ці, то ў абзац выводзьце тое, на колькі сімвалаў перавышана даўжыня тэксту.

byenru