JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"> 
	<form method="POST" id="anunt">
		<table id="anunt">
			<tr id="title">
				<td> Title: </td>
				<td> <input type='text' name='title' id='titleClick'> </td>
			</tr>
             <tr id="description">
				<td> Description: </td>
				<td> <textarea rows="5" cols="40" id="descriptionClick" name="description"></textarea> </td>
			</tr>
            <tr>
			<td> <input type="submit" name="send" value="Send"> </td>
			</tr>
		</table>
	</form>
</div>

JavaScript

var title;
var description;
		
$('#titleClick').one('click', function(){
			title = '<span id="text" style="font-weight: bold; font-size: 18px; color: red;">Title text</span>';
		   $("#title").append(title);
		   $('#description').html($('#description').html().replace(description, ''));
		});
		
$('#descriptionClick').one('click', function(){
			description = '<span id="text" style="float:left; font-weight: bold; font-size: 18px; color: red;"> Description text</span>';
			$("#description").append(description);
			$('#title').html($('#title').html().replace(title, ''));
});