window.onload = function(){
makeScenario = function(scenario){
//Create output Element
let $trueOutputElement = $("
")
.addClass("accordion-panel");
$controlElement = $("")
.addClass("accordion-control")
.append(scenario.name);
$trueOutputElement.append($controlElement);
//Mature Content rating
if(scenario.adult == true){
$adultText = $("")
.addClass("adult")
.append(`(question for those over the age of 18... or those mature enough)`)
$outputElement.append($adultText);
$outputElement.addClass("adult-scenario");
}
//description
$descriptionElement = $(``)
.append(scenario.description);
//option list
$optionElement = $("
");
for(option of scenario.options){
//Create radio button
$inputTag = $("")
.attr("type", "radio")
.attr("name", `radio-${scenario.name}`);
//Populate list element
$newOption = $("")
.append($inputTag)
.append(option)
$optionElement.append($newOption);
}
//Other Question
if (scenario.other){
$inputTag = $("")
.attr("type", "radio")
.attr("name", `radio-${scenario.name}`);
$otherElement = $("")
.prepend($inputTag);
.append("Other... ")
$optionElement.append($otherElement);
}
//Default question, always shows up
$whyElement = $("")
.append("Why would you choose this awnser?");
//Awnser space for the default element
$whyResponseElement = $("")
$whyResponseElement.attr("placeholder", "Enter response here");
//Populate outputElement
$outputElement.append($descriptionElement);
$outputElement.append($optionElement);
$outputElement.append($whyElement);
$outputElement.append($whyResponseElement);
//Extra Question
if(scenario.question){
$question = $("