JSFiddle - React, Tailwind, and code Playground

HTML

<input id="inp" type="text" placeholder="Enter something">
<div id="target"></div>

CSS

#inp {
  display: block;
  border: 1px solid;
  width: 200px;
  height: 20px;  
  margin: auto;
  padding-left: 3px;
}

#target {
  padding: 3px 0px 3px 3px;
  margin: 10px auto;
  width: 300px;
  height: 200px;
  border: 1px solid;
  word-wrap: break-word;
  overflow-y: auto;
}

JavaScript

const inp = document.getElementById("inp");
const target = document.getElementById("target");

const inputHandler = () => {
  target.textContent = inp.value;
}

inp.addEventListener('input', inputHandler);