$w.onReady(function () {});

 

var selectedValue

 

export function radioGroup1_click(event) {

    $w('#TXToutput').text = $w('#radioGroup1').selectedIndex.toString()

    selectedValue = $w('#radioGroup1').selectedIndex

    console.log(selectedValue)

    if (selectedValue ===0) {$w('#box1').style.backgroundColor="red"}

    if (selectedValue ===1) {$w('#box1').style.backgroundColor="yellow"}

    if (selectedValue ===2) {$w('#box1').style.backgroundColor="blue"}

}

 

export function button1_click(event) {

    if(selectedValue ===0) {$w('#TXToutput1').text = "Sorry red is not my favourite color."}

    if(selectedValue ===1) {$w('#TXToutput1').text = "Yes that's it, this is my favourite color."}

    if(selectedValue ===2) {$w('#TXToutput1').text = "Sorry blue is not my favourite color."}

    setTimeout(()=>{$w('#funnelQuiz01').changeState("state2")},1500)

}

 

export function button2_click(event) {

    selectedValue = $w('#radioGroup2').selectedIndex

    if(selectedValue ===0) {$w('#funnelQuiz01').changeState("state3")}

    if(selectedValue ===1) {$w('#funnelQuiz01').changeState("Endstate"), $w('#TXTfinish').text = "Sorry you are not the right choice for us.."}

}

 

export function radioGroup3_change(event) {

    selectedValue = $w('#radioGroup3').selectedIndex

    $w('#TEXT').hide()

    $w('#q1submit').enable()

    if (selectedValue===2) {$w('#vector1').show()}

    else {$w('#vector1').hide()}

    $w('#TEXT').text = "Now you are able to continue"

}

 

export function q1submit_click(event) {

    if(selectedValue ===0) {$w('#funnelQuiz01').changeState("sorry")}

    if(selectedValue ===1) {$w('#funnelQuiz01').changeState("Endstate")}

    if(selectedValue ===2) {$w('#funnelQuiz01').changeState("congrat")}

    if(selectedValue ===3) {$w('#funnelQuiz01').changeState("Endstate"),    $w('#TXTfinish').text = "Sorry you are not the right choice for us.."}

    if(selectedValue ===4) {$w('#funnelQuiz01').changeState("sorry")}

 

 if (selectedValue !== undefined) {

        $w('#q1submit').enable()

        $w('#TEXT').show()

        $w('#TEXT').text = "Please make a selection to continue"

 }

 else {$w('#q1submit').disable()}

  

}

 

export function BTNexit_click(event) {$w('#funnelQuiz01').changeState("state1")}

export function BTNexit2_click(event) {$w('#funnelQuiz01').changeState("state1")}

export function button4_click(event) {$w('#funnelQuiz01').changeState("state1")}