Adding image to quiz results javascript -

i made personality quiz , have working alert, want alert tell me specific result page go maybe pop image or page image reitering results.

this quiz result part of code. should adding in images in loop section? or make loop? i'm pretty new js , not entirely sure next step is.

should using classes in way shape or form? or img.src way go?

var chosen = nations[0];      (i=1; i<nations.length; i++) {         if (chosen.score <= nations[i].score) {             chosen = nations[i];         }     }     alert ("you belong nation of " + chosen.name + " !"); 

i think talking modal different options based on result. above statement on track. check out js fiddle below shows how might implement dom manipulation based on varied result.

js fiddle

var win = 0,     result = math.random();  document.getelementbyid( "mybtn" ).addeventlistener( "click", successimage );  if ( result < .33 ) {     document.getelementbyid( "image1" ).style.display = "block";                 } else if ( result < .66 ) {     document.getelementbyid( "image2" ).style.display = "block";         } else {     document.getelementbyid( "image3" ).style.display = "block";         }  function successimage () {      win++;     if ( win % 2 !== 0 ) {         document.getelementbyid( "modal" ).style.display = "block";     } else {         document.getelementbyid( "modal" ).style.display = "none";       } }