Soruları tek tek çekiyorum onda sorun yok ama diyelim ben bazı sorularda beş seçenek yerine dört seçenek kullanmak istiyorum o zaman beşinci seçeneğin input|radio gizlemeye çalışıyorum if le ama bir türlü olmuyor kodları aşağıya bırakıyorum ben çözemedim birde siz bakın yardımlarınız için şimdiden teşekkür ederim iyi günler dilerim.
Bu arada Tüm Müslüman kardeşlerimin Ramazan bayramını en içten dileklerimle kutlarım.
let soruid = 0;
const toplamsoru = questions.length;
const sorularblok = document.querySelector('.sorular');
const sorutext = document.querySelector('.soru');
const seceneka = document.querySelector('.cvpa');
const secenekb = document.querySelector('.cvpb');
const secenekc = document.querySelector('.cvpc');
const secenekd = document.querySelector('.cvpd');
const seceneke = document.querySelector('.cvpe');
const secenekbos = document.querySelector('.seceneke');
const sonraki = document.querySelector('.sonraki');
const onceki = document.querySelector('.onceki');
const yeniden = document.querySelector('.yeniden');
const sonuc = document.querySelector('.result');
function soru(index) {
const question = questions[index];
sorutext.innerHTML = `${index + 1}. ${question.soru}`
seceneka.innerHTML = `${question.a}`;
secenekb.innerHTML = `${question.b}`;
secenekc.innerHTML = `${question.c}`;
secenekd.innerHTML = `${question.d}`;
if(question.e == ""){
secenekbos.style.display = 'none';
seceneke.style.display = 'none';
}else{
seceneke.innerHTML = question.e;
}
};
function sonrakisoru() {
const selectedOption = document.querySelector('input[type="radio"]:checked');
if(!selectedOption) {
alert('Seçeneklerden birini seçiniz.');
return;
}
alert(selectedOption.value);
soruid++;
alert(soruid);
if(soruid == toplamsoru - 1) {
sonraki.textContent = 'Son';
}
soru(soruid);
}
soru(soruid);
sonraki.addEventListener('click', sonrakisoru);
Sorular.js :
const questions = [
{
"id":"1",
"soru":"1inci Soru?",
"a":"A Seçeneği",
"b":"B Seçeneği",
"c":"C Seçeneği",
"d":"D Seçeneği",
"e":"E Seçeneği",
"cvp":"d"
},
{
"id":"2",
"soru":"2inci Soru?",
"a":"A Seçeneği",
"b":"B Seçeneği",
"c":"C Seçeneği",
"d":"D Seçeneği",
"e":"",
"cvp":"b"
}
]
HTML :
Sınava HoşGeldiniz
