I'm trying to create a quiz that tests users awareness of real and fake emails. I've using images to be displayed and the user needs to look at it to decide if it's real or fake. There are two buttons, real and fake, and regardless of whether they choose the right answer I want to swap the original image with an annotated version - showing how users could spot that it was fake or real.
I'm not sure how I can swap the image once the user has selected their answer. This needs to be done before moving on to the next question. I'm new to html, css and js so was wondering if someone could lend a hand?