JSFiddle - React, Tailwind, and code Playground

by Станислав Некрасов

HTML

<textarea placeholder="1234" type="text"></textarea>

CSS

textarea {
  display: block;
	width: 400px;
  border: 1px solid #000;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 10px;
  resize: none;
}

JavaScript

document.querySelector('textarea').addEventListener('input', function (event) {
	let elem = event.target;
	elem.value = elem.value.replace(/\n/g, '');
  elem.style.height = "5px";
  elem.style.height = elem.scrollHeight + "px";
});