Advertisement
Guest User

Untitled

a guest
Apr 18th, 2014
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.35 KB | None | 0 0
  1. case 1:
  2. cpuChoice = <img id="rock" src="rock.jpg" name="rock" width="265" height="250" />
  3. break;
  4.  
  5. $(document).ready(function(){
  6. var cpuImage = new Image();
  7. rock.src = 'rock.jpg';
  8. paper.src = 'paper.jpg';
  9. scissors.src = 'scissors.jpg';
  10. lizard.src = 'lizard.jpg';
  11. spock.src = 'spock.jpg';
  12.  
  13.  
  14. $("#paper").click(function(){
  15.  
  16. var ranNumberOne = 1 + Math.floor(Math.random() * 5);
  17.  
  18. // the switch is for assigning the image based on what number is generated
  19. switch(ranNumberOne){
  20. case 1:
  21. document['rock'].src = rock.jpg;
  22. break;
  23. case 2:
  24. document['paper'].src = paper.jpg;
  25. break;
  26. case 3:
  27. document['scissors'].src = scissors.jpg;
  28. break;
  29. case 4:
  30. document['spock'].src = spock.jpg;
  31. break;
  32. case 5:
  33. document['rock'].src rock.jpg;
  34. break;
  35.  
  36. }
  37. document.['blank'].src =cpuImage.src;
  38. });
  39.  
  40. <img id="blank" src="blank.jpg" name="blank" width="265" height="250" />
  41.  
  42. $(document).ready(function(){
  43. // You don't need an image object, since you're only
  44. // determining a string for `src` and applying it to an existing
  45. // image object
  46. var cpuImage = "";
  47. /* Below you're assigning `src` properties to objects that don't exist. */
  48. rock.src = 'rock.jpg';
  49. paper.src = 'paper.jpg';
  50. scissors.src = 'scissors.jpg';
  51. lizard.src = 'lizard.jpg';
  52. spock.src = 'spock.jpg';
  53. /* I see what you're trying to do,
  54. but try going about it a bit differently, example: */
  55. var imageBank = {
  56. 'rock' : 'rock.jpg',
  57. 'paper' : 'paper.jpg',
  58. 'scissors' : 'scissors.jpg',
  59. 'lizard' : 'lizard.jpg',
  60. 'spock' : 'spock.jpg'
  61. };
  62.  
  63. $("#paper").click(function(){
  64.  
  65. var ranNumberOne = 1 + Math.floor(Math.random() * 5);
  66.  
  67. // the switch is for assigning the image based on what number is generated
  68. switch(ranNumberOne){
  69. // Assign your 'cpuImage' variable to the associated imageBank key
  70. case 1:
  71. cpuImage = imageBank['rock'];
  72. break;
  73. case 2:
  74. cpuImage = imageBank['paper'];
  75. break;
  76. case 3:
  77. cpuImage = imageBank['scissors'];
  78. break;
  79. case 4:
  80. cpuImage = imageBank['lizard'];
  81. break;
  82. case 5:
  83. cpuImage = imageBank['spock'];
  84. break;
  85.  
  86. }
  87. // Old:
  88. document.['blank'].src =cpuImage.src;
  89. // JQuery syntax (assuming you have an image with id `blank`)
  90. // New:
  91. $("#blank").attr('src',cpuImage);
  92. });
  93.  
  94. $('.clickme').on('click', function(){
  95. var randimage = Math.floor(Math.random() * 5) + 1;
  96. $('.putmehere').html('');
  97. $('.random1').html(randimage);
  98. $('.holder img#i' + randimage).clone().appendTo('.putmehere');
  99. });
  100.  
  101. <div id="container">
  102. <img id="blank" src="blank.jpg" name="blank" width="265" height="250" />
  103. </div>
  104.  
  105. $(function () {
  106. $("#container")
  107. .attr("data-name", $("img", this).attr("id"))
  108. .on("click", function (e) {
  109. var options = ["rock", "paper", "scissors", "lizard", "spock", "blank"];
  110. var r = (function (n) {
  111. return options[(n + Math.floor(Math.random() * options.length - n))]
  112. })(1);
  113. $("img", this).attr({
  114. "id": r,
  115. "name": r,
  116. "src": r + ".jpg"
  117. }).parent().attr("data-name", r);
  118. });
  119. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement