jquery - Issue with image generator in html/javascript -


i have looked around trying find solution problem can't figure out code went wrong. broke code 2 files on website split them html , javascript.

html:

<html>  <!--   -->  <script type="text/javascript" src="external_javascript.js"></script>    <form name="imageform">    <table border=3>    <tr>      <td>        <input onclick="displayimage();" type=button value="display random image">      </td>    </tr>    <tr>      <td>        <img src="blank.jpg" name="canvas" />      </td>    </tr>    </table>  </form>  </html>

javascript:

<html>    <script>   //create array named imagesarray contains 7 image file names  //dog.jpg, fox.jpg, mouse.jpg, alligator.jpg, fish.jpg, parrot.jpg , cat.jpg    var imagesarray = ["a.jpg", "b.jpg", "c.jpg", "d.jpg", "e.jpg", "f.jpg", "g.jpg"];      //create function named displayimage  //it should not have values passed    function displayimage(){        //the first statement should generate random number in range 0 6 (the subscript values of image file names in imagesarray)      var num = math.floor(math.random() * (imagesarray.length+1)); // 0...6      //the second statement display random image imagesarray array in canvas image using random number subscript value      document.canvas.src = imagesarray[num];    }    //remember subscript values of array 0 6 (seven elements) 0 based array  //you have subtract 1 random number generated account 0 based array  </script>    </html>

i have uploaded website manager images go a.jpg z.jpg in advance!

your .js-file should this:

var imagesarray = ["a.jpg", "b.jpg", "c.jpg", "d.jpg", "e.jpg", "f.jpg", "g.jpg"];  //create function named displayimage //it should not have values passed  function displayimage(){      //the first statement should generate random number in range 0 6 (the subscript values of image file names in imagesarray)     var num = math.floor(math.random() * (imagesarray.length+1)); // 0...6     //the second statement display random image imagesarray array in canvas image using random number subscript value     document.canvas.src = imagesarray[num]; } 

<html> , <script> tags of html markup.


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -