![](https://www.mintik.com/wp-content/uploads/2021/05/jquery-test-eklentisi.webp)
Slick Quiz eklentisi Julie Bellinson tarafından web sitenizde zeka testleri yapablmeniz için geliştirilmiş bir eklentidir. Verilen cevaplar sayfa yenilenmeden devam edilir ve test sonucunda yüzdelik oran kullanılarak öğrencinin zeka seviyesi bildirilir. Her soru bitiminde kullanıcının doğru yada yanlış girdiği sorulara karşılık ayrı ayrı cümleler ayarlayabiliyorsunuz. Benim hazırladığım örnekte rastgele sorular ve cevaplar bulunuyor yanlış hazırladığım sorular olabilir.
- Download Slick Quiz
Kullanım
Head etiketleri arasına eklemeniz gereken bölüm.
Css ve Js dosyaları :
<script src="js/jquery-1.7.min.js"></script> <script src="js/slickQuiz-config.js"></script> <script src="js/slickQuiz.js"></script> <script src="js/master.js"></script> <link href="css/reset.css" media="screen" rel="stylesheet" type="text/css"> <link href="css/slickQuiz.css" media="screen" rel="stylesheet" type="text/css"> <link href="css/master.css" media="screen" rel="stylesheet" type="text/css">
Body etiketleri arasına eklemeniz gereken bölüm.
<h1 class="quizName"><!-- where the quiz name goes --></h1> <div class="quizArea"> <div class="quizHeader"> <!-- where the quiz main copy goes --> <a class="button startQuiz" href="">Teste Başla</a> </div> <!-- where the quiz gets built --> </div> <div class="quizResults"> <h3 class="quizScore"> Skorun : <span><!-- where the quiz score goes --></span></h3> <h3 class="quizLevel"><strong>Zeka Seviyen:</strong> <span><!-- where the quiz ranking level goes --></span></h3> <div class="quizResultsCopy"> <!-- where the quiz result copy goes --> </div> </div>
Yeni soru ve cevaplar eklemek için slickQuiz-config.js dosyasını açın ve dosya içerisindeki soruları kendinize göre düzenleyin.
bence cevap:3 ben boyle tahmin ettim
Demodaki soru ve cevapların çoğu rastgele yazıldı 🙂