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
Post a Comment