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(){
	//в переменную len каждый вызов заново записывается количество введённых символов.
  var len = width.value.length;

  //если символов больше 5
  if(width.value.length > 5){
  	//делаем ширину в пикселях равной 60 + количество сиволов
    width.style.width = 60 + len +'px';
    //прибавляем к переменной len 5
    len = len+5;
    //логируем
    console.log(len)    
  }
//функция закончилась, все переменные и их значения забыты  
})