Advertisement
bmanojkumar24

random

Sep 16th, 2015
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.29 KB | None | 0 0
  1. <html>
  2. <head>
  3. <script>
  4. var arrayImg = new Array();
  5.  
  6. arrayImg[0] = "http://fpoimg.com/100x100";
  7. arrayImg[1] = "http://fpoimg.com/150x150";
  8. arrayImg[2] = "http://fpoimg.com/200x200";
  9. arrayImg[3] = "http://fpoimg.com/250x250";
  10. arrayImg[4] = "http://fpoimg.com/300x300";
  11. arrayImg[5] = "http://fpoimg.com/350x350";
  12. arrayImg[6] = "http://fpoimg.com/400x400";
  13.  
  14. var arrayName = ["a","b","c","d","e","f","g"];
  15.  
  16.  
  17. /*arrayImg[0] = "http://fpoimg.com/100x100";
  18. arrayImg[1] = "http://fpoimg.com/150x150";
  19. arrayImg[2] = "http://fpoimg.com/200x200";
  20. arrayImg[3] = "http://fpoimg.com/250x250";
  21. arrayImg[4] = "http://fpoimg.com/300x300";
  22. arrayImg[5] = "http://fpoimg.com/350x350";
  23. arrayImg[6] = "http://fpoimg.com/400x400";*/
  24.  
  25.  
  26. getRandomImage();
  27.  
  28. function getRandomImage() {
  29.    var num = Math.floor( Math.random() * arrayImg.length );
  30.    var imgStr = '<img src="' + arrayImg[ num ] + '" alt = "">';
  31.    var div = document.getElementById("rImage");
  32.    div.innerHTML = imgStr;
  33.    var text = document.getElementById("searchText").value;
  34.    div.innerHTML = "<h3>"+text+ ":" + arrayName[num]  + "</h3>" + "<br>" + div.innerHTML;
  35.  
  36. }
  37. </script>
  38. </head>
  39. <body>
  40.    
  41.     <input type="text" id="searchText">
  42.     <input type="button" onclick="getRandomImage()" value="click">
  43.     <div id="rImage"></div>
  44.  
  45. </body>
  46.  
  47. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement