בניית שאלון ב-JS

‏ • 28 ביולי, 2004

בשביל לבנות בחן את עצמך צריך קודם כל לבנות את השאלון :












1
2
3
4
5
6
7
8
9
10
11
12
13
14
15  








name=“theQuestion”>
  

השאלה שלך


     type=“radio” name=“anwer0”>תשובה א’

     type=“radio” name=“anwer0”>תשובה ב’

     type=“radio” name=“anwer0”>תשובה ג’

     type=“radio” name=“anwer0”>תשובה ד’

  

השאלה הבאה שלך


     type=“radio” name=“anwer1”>תשובה א’

     type=“radio” name=“anwer1”>תשובה ב’

     type=“radio” name=“anwer1”>תשובה ג’

     type=“radio” name=“anwer1”>תשובה ד’


וכך הלאה
…………



שימו לב לכך שבכל קבוצת שאלות חדשה יש שם חדש בראשונה answer0 בשנייה
answer1 וכך הלאה… אני אשתמש בשאלון שלי רק ב- חמש שאלות, אחרי שבניתם את
השאלון צריך להוסיף לו כפתור שיקרא לפונקציה שבודקת את השאלון:











1  








type=“button” value=“בדיקה” onclick=“checkQ();”>



עכשיו לפונקציה שבודקת ניצור פונקציה חדשה בשם קודם כל ניצור מערך חדש בשביל
שיהיה לנו עם מה להשוות את התשובות הנכונות עם התשובות של המשתמש, התושבה
הנכונה תסומן ב- מספרים מ0-3 (במקרה שלנו) כי יש לנו ארבע שאלות וJavaScript
מתחיל לספור מ-0:











1
2
3
4  







     type=“radio” name=“anwer1”>תשובה א’
//זה יהיה 0
     type=“radio” name=“anwer1”>תשובה ב’
//זה יהיה 1
     type=“radio” name=“anwer1”>תשובה ג’
//זה יהיה 2
     type=“radio” name=“anwer1”>תשובה ד’
//וזה יהיה 3


הנה המערך:











1
2
3
4
5
6
7
8  










אחריו נגדיר עוד כמה משתנים:











1
2
3  








var score = 0 ; //התוצאה ההתחלתית
var numOfQ = 5; //מספר השאלות
var i ; // בהמשך אנחנו נשתמש ב-i


עכשיו נייצור את הפונקציה שבודקת את התשובות ומעלה ניקוד:











1
2
3
4
5
6
7  








function checkQ {
  for {i=0;i<numOfQ;i++) {
    if (compare[i])Score += 1;
  }
  var scored=score * 20
  alert(“התוצאה שלך היא”+score)
}

להרצת הדוגמא לחץ כאן

המאמר נערך ע”י snoop12

תגיות: , ,

תגובות בפייסבוק