JSFiddle - React, Tailwind, and code Playground

by Andrey7287

HTML

<input type='text' id='w'>

CSS

/*
Дано текстовое поле. Сделайте так, чтобы при вводе текста, если текст длиннее самого поля, длина поля увеличивалась так, чтобы текст в него поместился.
*/

#w{
  width: 50px;
}

Babel + JSX

var width = document.getElementById('w')



width.addEventListener('input', function(){
let len = width.value.length
	if(len > 5){
      this.setAttribute("style", `width: ${len + 45}px`);
  }

})