JSFiddle - React, Tailwind, and code Playground

HTML

<div class="insert">Your product 1</div>
<div class="insert">Your product 2</div>
<div class="insert">Your product 3</div>
<div class="insert">Your product 4</div>
<textarea name="message" rows="7" cols="30" id="textarea"></textarea>

CSS

.insert {
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 1.3em;
}

JavaScript

$(".insert").click(function () {
    var insertText = $(this).text();
    $('#textarea').append(" " + insertText);
});