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">
function cevapla()
{
 var soruSayisi=3;
 var gelenCevap = new Array();
 var dogruCevap = new Array("C","C","C");
 var dogru=0;
 var yanlis=0;
 var cevap=0;
 var rapor="";
	
 for(i=1; i <= soruSayisi; i++){	
  var secenekler=document.getElementsByName("s"+i);
  for(j=0; j < secenekler.length; j++){
   if(secenekler[j].checked){				
    if(secenekler[j].value==dogruCevap[i-1]){
	 cevap=1;//www.bilisimogretmeni.com
	}else{
	cevap=0;
	}	
	if(cevap){
	 rapor +=i+". Soru için cevabınız: "+secenekler[j].value+", Doğru <br />";
	}else{
	 rapor +=i+". Soru için cevabınız: "+secenekler[j].value+", YANLIŞ, Doğru Cevap: "+dogruCevap[i-1]+"<br />";
	}
	 gelenCevap.push(secenekler[j].value);
   }
  }
 }	
	//www.bilisimogretmeni.com
 for(k=0; k < soruSayisi; k++){
  if(gelenCevap[k]==dogruCevap[k]){
   dogru++;
  }else{
   yanlis++;
  }
 }
 rapor +="Sonuç: "+dogru+" Doğru, "+yanlis+" Yanlış"+"<br />";
 document.getElementById('rapor').innerHTML=rapor;
 }
</script>
</head>

<body>
<form name="formTest">
<fieldset class="radiogroup">
<legend>Soru 1: Aşağıdakilerden hangisi uygun değişken ismidir?</legend>
 <ul class="radio" style="list-style:none">
  <li>A) <input type="radio" name="s1" value="A" />  <label>case</label>  </li>
  <li>B) <input type="radio" name="s1" value="B" />  <label>try</label></li>
  <li>C) <input type="radio" name="s1" value="C" /><label>tree</label></li>
  <li>D) <input type="radio" name="s1" value="D" /><label>const</label></li>
 </ul>
</fieldset>
<!--www.bilisimogretmeni.com-->
<fieldset class="radiogroup">
<legend>Soru 2: Tabloda satır oluşturmak için kullanılan komut hangisidir?</legend>
 <ul class="radio" style="list-style:none">
  <li>A)...