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="";

console.log(form.pol[men]);
if (form.1.value != "") {
form.story.value +="Мужчина" +
form.1.value + "\n";
}

console.log(form.pol[woomen]);
if (form.2.value != "") {
form.story.value +="Женщина" +
form.2.value + "";
}}
//--> 
</script>
 
<form action="">
<table border="0" cellpadding="7" cellspacing="0">
<tr>
<td class="left"><b>Выберите ваш пол</b></td>
<br />
<br />
Мужчина<input type="radio" value="1" name="pol" id="men" checked="checked" />
Женщина<input type="radio" value="2" 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>