JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

#w{
  width: 50px;
}

JavaScript

var width = document.getElementById('w')



width.addEventListener('input', function(){
var len = width.value.length
	if(width.value.length > 5){
  		
      for(var i = 0; i < width.value.length; i++){
      	width.style.width = len + 'px';
  		 len = len + 6;
       console.log(len)
      }
  }

})