JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Выбор пола</title>

</head>
<body>
 
 <script type="text/javascript"> 
<!--
wait_visibility('pol', 0);function create(form) {
form.story.value="";

document.getElementById("men").onclick=function()
                 {document.getElementsByTagName('textarea')[0].value="Мужчина"
}

document.getElementById("woomen").onclick=function()
                 {document.getElementsByTagName('textarea')[0].value="Женщина"
}}
//--> 
</script>
 
<form action="">
<table border="0" cellpadding="7" cellspacing="0">
<tr>
<td class="left"><b>Выберите ваш пол</b></td>
<br />
<br />
Мужчина<input type="radio" value="men" name="pol" checked="checked" id="men" />
Женщина<input type="radio" value="woomen" name="pol" id="woomen" />
</tr>

<tr>
<td colspan="2"><input type="button" value="Отправить" onclick="create(this.form)" class="buttonformal">
<br />
<textarea name="story" rows="5" cols="20"></textarea></td>
</tr>
</table>

</form>
</body>
</html>