JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

#w{
  width: 60px;
}

JavaScript

var width = document.getElementById('w')

width.addEventListener('input', function(){

var len = width.value.length;

		if(width.value.length > 5){
      	width.style.width = 60 + len +'px';
  		 len = len+5;
       console.log(len)
      }
})