Immediate feedback – Matching

Use

• Match the items in the dropdown menus to their correct statements.

Example

3 + 2 + 32 + 22 =	-- 11 15 18 12
3 × 2 + (32 - 22) =	-- 11 15 18 12
12 ÷ 3 × 40 + 8 =	-- 11 15 18 12
6 - (12 ÷ 41) + 12 =	-- 11 15 18 12

Resources

These are the additional resources required for this exercise.

• Image: blank.gif [width=18, height=18]
• Image: correct.gif [width=18, height=18]
• Image: incorrect.gif [width=18, height=18]

Source: Questions

This section describes the source code for how you would write the questions in HTML.

Example: <select name="q1" onChange="checkMenu(this.name, this.options[this.selectedIndex].value)">

Your select tags need to include the following attributes:

• name="qX" – where X is the question number
• onChange="checkMenu(this.name, this.options[this.selectedIndex].value)"

Questions must always be numbered sequentially starting from 1. This does not mean that a question can't be seen as 'question 1a' to the user. There is no double-up of question numbers.

There are as many options as there are questions. Each option is a correct answer to one of the questions.

The value of each select option is a number. These are numbered sequentially starting from 0 (for the unanswered state) for each question.

Example: <option value="0">--</option>
<option value="1">18</option>

There is always one image per question. Images must be named according to their question. For example, name="iq1" – i means image, q1 is the question it's attached to. Images should start as blank.gif with an empty alt. The Javascript will change the image as appropriate.

Example: <img src="/learningplace/images/courses/interactive/blank.gif" width="18" height="18" name="iq1" alt="">

The Reset button must always include the following attributes:

• type="reset"
• name="Reset"
• value="Reset"
• onClick="startAgain(Z)" – where Z is the number of questions/images

Example: <input type="reset" name="Reset" value="Reset" onClick="startAgain(4)">

Below is the source code for the example.

Source: Javascript

It's preferable to link to a separate Javascript file although, for pages individually loaded into Blackboard, including the script within the HTML is acceptable.

There are three parts of the script that need to be modified:

• Pre-loading of response image placeholders
• Setting the question variables
• Setting the response image variable paths

The response image placeholders must always start as blank.gif. Only change the value for the number of images – for (var i=1; i<=numberofimages; i++) {, and adjust the path to blank.gif – eval("iq"+i+".src = \"blank.gif\"");.

Set a new variable for each question as a string. The variables must appear as:

• var vqX = "Y"; – where X is the question number and Y relates to the option number of the correct answer.

Example: var vq1 = "3";

Set the paths of the response image variables as needed. Do not remove or rename these variables.

Below is the source code for the Javascript of the above example.