HTML and Javascript quiz

[peaky101]

Hi all, this is my problem. 

 

im making a website that is a tutorial for new starts on a particular subject. the site should have information to read through and the a quiz on what they've read ( this is where i'm strugglin) and a feedback page.

 

The quiz should have :2 multi choice questions, 2 true and false questions and 2 fill in the blank questions. from the answers given the score should be available on the a feedback page with a breakdown on whats happened, correct answers and wrong answers.  with the wrong answer it would be good to point the user back towards the important part of the website to re read the topic.

 

Im struggling with linking a javascript file to the html file so that the inputs from the above questions are recorded and score given. 

 

 

any help would be greatly appreciated 

 

regards

 

peaky101

[xXxYOLOxSWAGxXx_420BlazeIt]

Hi all, this is my problem. 

 

im making a website that is a tutorial for new starts on a particular subject. the site should have information to read through and the a quiz on what they've read ( this is where i'm strugglin) and a feedback page.

 

The quiz should have :2 multi choice questions, 2 true and false questions and 2 fill in the blank questions. from the answers given the score should be available on the a feedback page with a breakdown on whats happened, correct answers and wrong answers.  with the wrong answer it would be good to point the user back towards the important part of the website to re read the topic.

 

Im struggling with linking a javascript file to the html file so that the inputs from the above questions are recorded and score given. 

 

 

any help would be greatly appreciated 

 

regards

 

peaky101

What have you tried so far? Post your code using the code tags.

 

http://stackoverflow.com/help/how-to-ask

http://mattgemmell.com/what-have-you-tried/

[peaky101]

What have you tried so far?

 

http://stackoverflow.com/help/how-to-ask

http://mattgemmell.com/what-have-you-tried/

 

ive so far tried to look around the web and 'fit' codes to the problem but i haven't had any luck.

 

<div> 1) what is this question</div>

        <input type="radio" value="a" name="question1">a) .<br>

        <input type="radio" value="b" name="question1">b) <br>

        <input type="radio" value="c" name="question1">c) <br>

        <input type="radio" value="d" name="question1">d) <br>

        

         <div> 1) what is this question</div>

        <input type="radio" value="a" name="question2">a) <br>

        <input type="radio" value="b" name="question2">b) <br>

        <input type="radio" value="c" name="question2">c) <br>

        <input type="radio" value="d" name="question2">d) <br>

 

this is my multi choice html code.

 

i'm struggling to link a javascript file to it so that takes the inputs from it and allows me to print the score into a feedback page.

[PC-NOOB]

Linking a javascirpt file is easy. Add a script tag, with src attribute to the js file.

[peaky101]

Linking a javascirpt file is easy. Add a script tag, with src attribute to the js file.

 

like so ? <script src="url"> 

it wont work though !

[PC-NOOB]

You need to close the tag 

<script type="text/javascript" src="test.js"></script>.

 

The type attribute is necessary for html4 but defaults to javascript in html5. I generally use it for compatibility.

[peaky101]

thank you for clearing that up.

 

So the user clicks on the quiz and answers the two questions. how do i get the javascript to check the questions against the right answers ? so far i have 

 

var numberofquestions=2

 

var answers=new Array()

answers[1]='a'

answers[2]='b'

[PC-NOOB]

wrap all your input tags in a form. add a submit button to the form. 

Use the array literal method of creating an answers array.

var answers = [a,b,c,d];

Arrays start counting with 0 so answers[0] would be a.

onto the onclick listener to the button, call a function that sees which ones are checked.

So basically you want to check if the user's answer you would want to check to see what value is checked.

You can get an array of elements with name question1 with the following code. So

document.getElementsByName("question1")[0].checked

would return true if the radio was selected.

Using a for loop you can iterate through all the elements with question1 name and see which ones are selected. Do the same with question 2

and then now that you got the ones which are selected, you can use if logic or whatever to determine what to do withem.