Interactive question and answer for Google Sites

Type or paste your code here.

question="What two colors of light combine together to make yellow light?"

optionA="red and green"
responseA="Yes!  It may be hard to imagine but it is true."

optionB="red and blue"
responseB="No. That gives a purple or magenta color."

optionC="blue and red"
responseC="No. That gives a purple or magenta color."

optionD="green and blue"
responseD="No. That gives a turquoise or cyan color."

// EDIT ABOVE THIS LINE

var selection
function amIRight(selection){
document.getElementById("result").innerHTML=selected[selection]
}
</script>

<input type="button" class="button" value="A" onClick="selection=0;amIRight(selection)"><span id=spanA></span><br>
<input type="button" class="button" value="B" onClick="selection=1;amIRight(selection)"><span id=spanB></span><br>
<input type="button" class="button" value="C" onClick="selection=2;amIRight(selection)"><span id=spanC></span><br>
<input type="button" class="button" value="D" onClick="selection=3;amIRight(selection)"><span id=spanD></span><br><br>
<span id="result" style="color:blue;font-weight:bold;"></span>
</div>
<script>
document.getElementById("theQuestion").innerHTML=question
document.getElementById("spanA").innerHTML=optionA
document.getElementById("spanB").innerHTML=optionB
document.getElementById("spanC").innerHTML=optionC
document.getElementById("spanD").innerHTML=optionD
selected = [responseA,responseB,responseC,responseD]
</script>

Output