JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<script language="JavaScript">    
    function signs(){
var month =   document.getElementById('form1').sel.options[document.getElementById('form1').sel.selectedIndex].innerHTML
    document.getElementById('siF4').value = month;
    alert(month);   
    document.getElementById('siF4').readOnly=true;}
     
    </script>    
    <form name="adduser" id="form1"><center>    
    <table bgcolor="#F0F0F0" border="1" bordercolor="#000000" cellpadding="4" cellspacing="0" rules="none"><tbody><tr><td><i>Год</i></td>    
    <td><div align="right"><input size="10" name="by" value="Год" onclick='value=""' type="text"></div></td></tr><tr><td><i>Месяц</i></td>    
    <td><div align="right">    
    <select name="bm" id="sel" >    
    <option value="x" >Месяц</option>    
    <option value="1" onclick="alert('OPa!')">Январь</option>    
    <option value="2">Февраль</option>    
    <option value="3">Март</option>    
    <option value="4">Апрель</option>    
    <option value="5">Май</option>    
    <option value="6">Июнь</option>    
    <option value="7">Июль</option>    
    <option value="8">Август</option>    
    <option value="9">Сентябрь</option>    
    <option value="10">Октябрь</option>    
    <option value="11">Ноябрь</option>    
    <option value="12">Декабрь</option>    
    </select></div></td><td> </td></tr><tr><td><i>День</i></td>    
    <td><div align="right"><input name="bd" value="День" size="3" onclick='value=""' type="text"></div></td></tr><tr>    
    <td><input value="Расчет" onclick="signs()" type="button"></td><td><hr></td></tr>    
    <tr><td><i>Знак Зодиака:</i></td>    
    <td><div align="right"><input name="sign" size="10" value="" align="right" type="text"></div></td></tr><tr></tr><tr><td><i>Год Зодиака:</i></td>    
    <td><div align="right"><input name="csign" size="10" type="text" id="siF4"></div></td>    
    </tr></tbody></table></center></form>