JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="text">
<p id="data" data-text="append text">Click me</p>

CSS

#data {
  cursor: pointer;
}

JavaScript

document.querySelector('#data').addEventListener('click', function (e) {
	document.querySelector('#text').value = e.target.dataset.text
})