Jquery İle Sınavlarınız İçin Örnek Cevap Anahtarı Yapımı

Bu makalemizde AÖF’e çalışırken sürekli test sorularının şıklarını bir yere not almaktan sıkıldığımdan [jquery, css, js] birleşimi ile basit bir cevap anahtarı hazırladım amacım dinamik olarak girmiş olduğumuz sayı kadar cevap anahtarı oluşturabilmek ve seçim yapabilmek.

Jquery ile sınavlarınız için örnek cevap anahtarı yapımı

Şimdi Örnek kodlarımıza geçelim öncelikle makalemizin girişinde jquery, css ve js birleşimlerinden hazırlandığını belirtmiştik bu makalemizdeki örneğin çalışması için jquery kütüphanesini head etiketleri arasında belitmelisiniz örnek jquery kütüphanesi koduna alttan ulaşabilirsiniz

Örnek JS Kodumuz

Örnek CSS Kodlarımız

Javascript kodları içerisinde dinamik olarak oluşturduğumuz için cevap anahtarlarını ben cevap anahtarlarının tamamını body tag’leri arasında div etiketi açarak id’sinede ‘questions’ isimlendirmesiyle ayarladım ve dinamik olarak bu div altına ekliyoruz yani body tagleri arasına alttaki kodu yazınız…

HTML Kodu

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın