JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="text" cols="25" rows="5"></textarea>
<button type="button" name="button" onclick="createprofile()">Create Profile</button>

<script>

function createprofile() {

var fn = 'Just',
	ln = 'Ham',
	a = 10,
	fc = 'blue',
	fs = 'football',
	ff = 'brat';
var profile =  ("Name: " + fn + " " + ln + "\rAge: " + a + "\nFavourite colour: " + fc + "\nFavourite sport: " + fs + "\nFavourite food: " + ff);
document.getElementById("text").value = profile;
return profile;
}
</script>