JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button"
onclick="fx(document.getElementsByTagName('textarea')[0])"
value="click me!"/><br/>
<textarea id="textarea">
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
text
</textarea>
<script>
document.getElementById("textarea").addEventListener('mousedown', (e) => {
console.log(e)
e.preventDefault()
moveToEnd(e.target)

})
function moveToEnd(element){
 element.focus();
 element.setSelectionRange(element.value.length,element.value.length);
}

</script>

CSS

textarea{height:100px;}