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
})