JSFiddle - React, Tailwind, and code Playground

by BilisimOgretmeni

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.bilisimogretmeni.com</title>
<script type="text/javascript" language="javascript">
function gonder()
{
document.mezun.sonuc.value="";
document.mezun.sonuc.value+="Adınız "+document.mezun.adsoyad.value+"\n";
for(i=0;i<document.mezun.bolum.length;i++)
{
	if(document.mezun.bolum[i].selected)
	{
	document.mezun.sonuc.value+="Mezun olduğunuz bölüm "+document.mezun.bolum[i].value+" \n";//www.bilisimogretmeni.com
	}
}

for(i=0;i<document.mezun.yil.length;i++)
{
	if(document.mezun.yil[i].selected)
	{
	document.mezun.sonuc.value+="Mezuniyet Yılınız "+document.mezun.yil[i].value+"\n";
	}	
}

for(i=0;i<document.mezun.cinsiyet.length;i++)
{
	if(document.mezun.cinsiyet[i].checked)
	{
	document.mezun.sonuc.value+="Cinsiyetiniz "+document.mezun.cinsiyet[i].value+"\n";
	}
}//www.bilisimogretmeni.com
 document.mezun.sonuc.value+="Hobileriniz ";
for(i=0;i<document.mezun.hobi.length;i++)
{  
	if(document.mezun.hobi[i].checked)
	{
	document.mezun.sonuc.value+=document.mezun.hobi[i].value+",";
	}
	
}//www.bilisimogretmeni.com
document.mezun.sonuc.value+="\n";
document.mezun.sonuc.value+="Mesajınız "+document.mezun.mesaj.value+" ";
}
</script>
</head>
<body>
<form name="mezun">
<table>
<tr>
<td>Adınız Soyadınız</td>
<td><input type="text" name="adsoyad" /></td>
</tr>
<tr>
<td>Mezun Olduğunuz Bölüm</td>
<td><select name="bolum">
<option value="Bilgisayar">Bilişim Teknolojileri</option>
<option value="Grafik">Grafik ve Fotoğraf</option>
<option value="Çocuk Gelişimi">Çocuk Gelişimi</option>
<option value="Giyim">Giyim Üretim</option>
</select></td>
</tr>
<tr><!--//www.bilisimogretmeni.com -->
<td>Mezun Olduğunuz Yıl</td>
<td><select name="yil">
<option value="2013">2013</option>
<option value="2012">2012</option>
<option...