now the second picture covers the function check answer. here we simply get the current row from the datatable by using the variable we set earlier. then we compare the question image to the answer selected by the player. we use the answer number here and a select node to determine which image is being compared, then use the equal (==) operand to see if they are the same. if they are the same the branch will be true, if not then the branch is false. i left this part up to you aas to what happens when the answers are done but i imagine you would want to add some score as you show in your picture then call the get new question event to create a new question for the player to answer, you may want to congratulate them too. i just used a print string for testing.
now the last thing we need to do is to bind the brush variables to the images they correspond to. to do this we just select the image in the designer heirarchy section. then go to the details panel and in the appearances section look for brush, next to brush you will see a drop down that says bind on the right click that then select the appropriate variable. this will make it so the image always reflects the image set in the variable. also note how the alignment is set, i mentioned this earlier but this setting will allow the image to cover the entire button.
and thats about it hope that helps.
below i also posted how my structs and datatable were setup. the first picture shows the answers struct which stores the information about each answer, in your example it would show everything associated with orange for example. the next picture shows the questions struct and the questions datatable. on the left is the struct which is made up of 5 of the answer structs, so four answers and the question to be compared to. the datatable is of the type of the question struct and hold all the questions.
