Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


2Beğeni
  • 1 Yazan Decimas
  • 1 Yazan Decimas

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Javascript

ES6 Javascript Bilenler Yardım !!!

  #1  
Okunmamış 06 Haziran 2019, 15:40
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 28 Şubat 2016
Yaş / Cinsiyet: 27 / Erkek
Meslek: Serbet Meslek
Ad, Soyad: Er... Ay...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
Arkadaşlar Ben ES6 Javascript kullanarak bir soru uygulaması yazıyorum ama bir sorun var nedenini bulamadım görünüşte kodlarda hata yok ama bir sorun çıkıyor şimdi
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.

Kod:
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 :
Kod:
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 :

Kod:
  <div class="sorular">
        <div class="title">Sınava HoşGeldiniz</div>
        <div id="question" class="soru"></div>
        <label class="secenek">
            <input type="radio" name="secenek" value="a" />
            <span class="cvpa"></span>
        </label>
        <label class="secenek">
            <input type="radio" name="secenek" value="b" />
            <span class="cvpb"></span>
        </label>
        <label class="secenek">
            <input type="radio" name="secenek" value="c" />
            <span class="cvpc"></span>
        </label>
        <label class="secenek">
            <input type="radio" name="secenek" value="d" />
            <span class="cvpd"></span>
        </label>
        <label class="secenek">
            <input type="radio" name="secenek" value="e" />
            <span class="cvpe"></span>
        </label>
        <!-- Buttons -->
        <div class="controls">
            <button class="onceki">Previous</button>
            <button class="sonraki">Next</button>
        </div>
    </div>
  #2  
Okunmamış 06 Haziran 2019, 16:39
Decimas Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 19 Nisan 2015
Yaş / Cinsiyet: 24 / Erkek
Meslek: Coder
Ad, Soyad: Ey... Er...
Mesajlar: 721
Beğeniler: 255 / 1
Ticaret: 0, 0%
if(question.e.length)
erdl53 bunu beğendi.
no time for caution
  #3  
Okunmamış 09 Haziran 2019, 21:41
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 28 Şubat 2016
Yaş / Cinsiyet: 27 / Erkek
Meslek: Serbet Meslek
Ad, Soyad: Er... Ay...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
cevabın için teşekkürler bi sorun daha çıktı
  #4  
Okunmamış 09 Haziran 2019, 21:44
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 28 Şubat 2016
Yaş / Cinsiyet: 27 / Erkek
Meslek: Serbet Meslek
Ad, Soyad: Er... Ay...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
Kod:
function ajax_get(url, callback) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            console.log('responseText:' + xmlhttp.responseText);
            try {
                var data = JSON.parse(xmlhttp.responseText);
            } catch(err) {
                console.log(err.message + " in " + xmlhttp.responseText);
                return;
            }
            callback(data);
        }
    };
 
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}
const questions;
ajax_get("http://localhost/ss.php", function(data) {
questions = data;
});
veriyi neden çekemiyorum.
  #5  
Okunmamış 15 Haziran 2019, 01:21
Decimas Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 19 Nisan 2015
Yaş / Cinsiyet: 24 / Erkek
Meslek: Coder
Ad, Soyad: Ey... Er...
Mesajlar: 721
Beğeniler: 255 / 1
Ticaret: 0, 0%
var questions;, const sadece bir kere değer alır ve değiştirilemez. Bunun yerine ya var ya da let kullanırsın.
erdl53 bunu beğendi.
no time for caution
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Javascript


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 21:03.