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(){
width.style.width='60px';
var scroll = width.scrollWidth;
if(scroll > 60) width.style.width= (scroll+8)+'px';
})