soru bankası kodu

Adınız:<br />
<input type="text" class="yazi" onclick="yazibas()"  onblur="yazicik()"/><br />
Soyadı:<br />
<input type="text" class="yaziiki" onclick="yaziikibas()" onblur="yazikicik()" /><br /><br />
<input type="button" value="Giriş" onclick="bas()" /><br />

<div class="col-lg-offset-3 col-lg-6 col-md-offset-3 col-md-6 col-sm-offset-3 col-sm-6 kutu">

<span class="is">1)- Aşağıdakilerden hangisi yarış arabasıdır?</span><br />
a)-ferrari<br />
<input type="radio" id="a" name="baha"  /><br />
b)-jeep<br />
<input type="radio" id="b" name="baha"  /><br />
c)-opel<br />
<input type="radio" id="c" name="baha"  />
<br />
<input type="button" value="Çöz" onclick="coz()" /><br />

<p></p>
</div>


<div class="col-lg-offset-3 col-lg-6 col-lg-6 col-md-offset-3 col-md-6 col-sm-offset-3 col-sm-6 kutuiki"><span class="is">2)-Aşağıdaki mevsimlerden hangisi sıcaktır</span><br />
1)-Kış<br />
<input type="radio" id="d" name="baha"  /><br />

2)-Sonbahar<br /><input type="radio" id="e" name="baha"  /><br />
3)-Yaz<br /><input type="radio" id="f" name="baha"  />

<br />
<input type="button" value="Çöz" onclick="coziki()" />

<p class="ikibas"></p>
</div>

<div class="col-lg-offset-3 col-lg-6 col-lg-6 col-md-offset-3 col-md-6 col-sm-offset-3 col-sm-6 kutuuc">
<div class="row">
<iframe src="https://www.bible.com/tr/bible" width="100%" height="450" scrolling="auto"></iframe>
</div>

</div>

.kutu {
   border:1px solid;
   height:450px;   
   display:none;
   border-radius:12px;
   background-color:#C6C;}

.kutuiki {
   height:450px;
   display:none;
   border:1px solid;
   background-color:#C6C;
   border-radius:12px;}
   
   
.kutuuc {
   height:450px;
   display:none;
   border:1px solid;}
   
   
.is {
   color: #9F9;}

<script type="text/javascript">

function bas(){
   
yazi = document.getElementsByClassName('yazi')[0].value;

yaziiki = document.getElementsByClassName('yaziiki')[0].value;


if(yazi == "Baha" && yaziiki == "Aktas"){
   
kutu = document.getElementsByClassName('kutu')[0].style.display="block";   
   
kutuiki = document.getElementsByClassName('kutuiki')[0].style.display="none";   
   
kutuuc = document.getElementsByClassName('kutuuc')[0].style.display="none";   


p = document.getElementsByTagName('p')[0].style.display="none";


ikibas = document.getElementsByClassName('ikibas')[0].style.display="none";
   }   
   
else {
alert('şifrenizi tekrardan giriniz');   
   }
   
   }


function coz(){
   
a = document.getElementById('a');

b = document.getElementById('b');
c = document.getElementById('c');



if(a=document.getElementById('a').checked == true ){
   
   sonuc = document.getElementsByTagName('p')[0].innerHTML="TEBRİKLER BAŞARILI GİRİŞ YAPTINIZ";
   kutuiki = document.getElementsByClassName('kutuiki')[0].style.display="block";
   
   


kutu = document.getElementsByClassName('kutu')[0].style.display="none";   
   
   
   }   
   
else if(b = document.getElementById('b').checked == true){
   sonuc= document.getElementsByTagName('p')[0].innerHTML="YANLIŞ CEVAP-1";
   
sonuc = document.getElementsByTagName('p')[0].style.display="block";   
}
else if(c = document.getElementById('c').checked == true){
   
sonuc = document.getElementsByTagName('p')[0].innerHTML="yanlış cevap-2";   
   sonuc = document.getElementsByTagName('p')[0].style.display="block";
   }
   
else {
sonuc = document.getElementsByTagName('p')[0].innerHTML="YANLIŞ-3";   
   }   
   }



function coziki(){
   
d = document.getElementById('d');
e = document.getElementById('e');
f = document.getElementById('f');

if(f = document.getElementById('f').checked == true){
   
kutuuc = document.getElementsByClassName('kutuuc')[0].style.display="block";

kutuiki = document.getElementsByClassName('kutuiki')[0].style.display="none";   

kutu = document.getElementsByClassName('kutu')[0].style.display="none";   
   
   }

else {
   
ikibas = document.getElementsByClassName('ikibas')[0].innerHTML="Yanlış Şifre Babam";   
   ikibas = document.getElementsByClassName('ikibas')[0].style.display="block";}
   
   }








</script>





<script type="text/javascript">

function yazibas(){
   
yazi = document.getElementsByClassName('yazi')[0].style.backgroundColor="yellow";   
   
   
   }

function yazicik(){
   
yazi = document.getElementsByClassName('yazi')[0].style.backgroundColor="white";   
   
   }



function yaziikibas(){
   
yaziiki = document.getElementsByClassName('yaziiki')[0].style.backgroundColor="yellow";   
   
   
   }
   
   
function yazikicik(){
   
yaziiki =    document.getElementsByClassName('yaziiki')[0].style.backgroundColor="white";
   
   }

</script>