title: array of Random Images with one function of 2 buttons
body: <p>I need to do an array of random image and a one function with two buttons. Example a picture of Pikachu and there is a 2 choices button one is for correct answer and one is for wrong answer and when it is correct the score adds 1 until it meets 10 points, and when its wrong there would be a picture of Pikachu with its trivia. And in every picture there would be a 2 buttons.  </p>
  
  <p>This is my code: </p>
  
  <pre><code>     &lt;html&gt;
  &lt;title&gt;
      Guess the CharToon 
  &lt;/title&gt;
     &lt;head&gt;
          &lt;LINK rel="stylesheet" type="text/css" href="F:\ANGELA\MM1\CHARTOON\CSS\chartoon.css"&gt;      
          &lt;div id="status" style="padding: 1%;background-color: white;border-radius: 1%;color: black;font-size: 30;font-family: aero; position: absolute;top: 75%;left: 85%;"&gt;&lt;/div&gt;
        &lt;style&gt;
   body { 
      background: url('F:/ANGELA/MM1/CHARTOON/IMAGES/Easylevel/EL11.jpg') no- repeat center center fixed;
  
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   } 
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;p id="puntos"&gt;&lt;/p&gt;
  
    &lt;body&gt;
       &lt;script src="F:\ANGELA\MM1\CHARTOON\JS\EL1.js"&gt;&lt;/script&gt;
  
         &lt;h1&gt;Who is this &lt;br&gt; character?&lt;/h1&gt;
  
      &lt;form action="RANDEL1.html"&gt;
      &lt;button onmousedown="bleep.play()"  id="option3" class="option3" onmouseover="PlaySound('mySound')" onmouseout="StopSound('mySound')" onclick="pikachu()" value="refresh"&gt;Pikachu&lt;audio id='mySound' src='D:\angela\MULTIMEDIA TECH\CHARTOON\chartooners\SOUNDS\Pikachu Sms.mp3' &gt;&lt;/button&gt;
      &lt;/form&gt;
      &lt;form action="TriviaE1Pika.html"&gt;
      &lt;button onmouseover="bleep.play()"  id="option4" class="option2"&gt;Onix&lt;/button&gt;
          &lt;div id="status"&gt;&lt;/div&gt;
      &lt;/form&gt;
      &lt;a href="F:\ANGELA\MM1\CHARTOON\HTML\EASY.html"&gt;&lt;img class="back2"src="F:\ANGELA\MM1\CHARTOON\IMAGES\MENU\back.png"&gt;&lt;/a&gt;
  
  
  &lt;/body&gt;
      &lt;audio src="F:\ANGELA\MM1\CHARTOON\SOUNDS\Main.mp4" autoplay loop hidden&gt;    &lt;/audio&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>         function pikachu()
           {
          localStorage["score"]=parseInt(localStorage["score"],10)+1;
  
  
          if (localStorage["score"]==10)
  
              {
                  window.location="F:/ANGELA/MM1/CHARTOON/HTML/FSEL1.html" ;
              }
  
      }
          document.getElementById("puntos").innerHTML=localStorage["score"] +  "/10";
  </code></pre>