jsPsych/examples/jspsych-maxdiff.html
2020-10-21 16:08:11 +08:00

33 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<script src="../jspsych.js"></script>
<script src="../plugins/jspsych-maxdiff.js"></script>
<link rel="stylesheet" href="../css/jspsych.css">
</head>
<body></body>
<script>
var maxdiff_trial = {
type: 'maxdiff',
alternatives: ['apple', 'orange', 'pear', 'banana'],
labels: ['Most Preferred', 'Least Preferred'],
preamble: '<p> Please select your <b>most preferred</b> and <b>least preferred</b> fruits. </p>'
};
var maxdiff_trial_random_required = {
type: 'maxdiff',
alternatives: ['strawberry', 'watermelon', 'kiwi', 'grapefruit'],
labels: ['Most Preferred', 'Least Preferred'],
preamble: '<p> Please select your <b>most preferred</b> and <b>least preferred</b> fruits. </p>',
randomize_alternative_order: true,
required: true
}
jsPsych.init({
timeline: [maxdiff_trial, maxdiff_trial_random_required],
on_finish: function() { jsPsych.data.displayData(); }
});
</script>
</html>