PALS3004: Web Programming Demo 7-2

<html>
<head>
<title>PALS3004: Web Programming Demo 7-2</title>
<script>
// experiment data
var stimtab=[];
var stimcnt;
var stimpos;
// randomise array order
function shuffleArray(array) {
  for (var i=array.length-1; i>0; i--) {
    var j = Math.floor(Math.random()*(i+1));
    var temp=array[i];
    array[i]=array[j];
    array[j]=temp;
  }
}
// initialise experiment
function initialise() {
  for (var i=0;i<5;i++) stimtab.push({ condition:1, stimulus:"car.jpg" });
  for (var i=0;i<5;i++) stimtab.push({ condition:2, stimulus:"van.jpg" });
  for (var i=0;i<5;i++) stimtab.push({ condition:3, stimulus:"bus.jpg" });
  stimcnt=stimtab.length;
  shuffleArray(stimtab);
  stimpos=0;
  displayStimulus();
}
// record a response
function recordResponse(rtype) {
  stimtab[stimpos++].response=rtype;
  if (stimpos>=stimcnt)
    finishTest();
  else
    displayStimulus();
}
// display a stimulus
function displayStimulus() {
  document.getElementById("img1").src="images/"+stimtab[stimpos].stimulus;
}
// present results
function finishTest() {
  var correct=0;
  for (var i=0;i<stimcnt;i++)
    if (stimtab[i].condition==stimtab[i].response) correct++;
  alert("You got " + correct + " out of " + stimcnt + " correct");
}
</script>
<body onload="initialise()">
  <h2>Demo 7-2: Demonstrate Image Labelling</h2>

</body>
</html>