Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- case 1:
- cpuChoice = <img id="rock" src="rock.jpg" name="rock" width="265" height="250" />
- break;
- $(document).ready(function(){
- var cpuImage = new Image();
- rock.src = 'rock.jpg';
- paper.src = 'paper.jpg';
- scissors.src = 'scissors.jpg';
- lizard.src = 'lizard.jpg';
- spock.src = 'spock.jpg';
- $("#paper").click(function(){
- var ranNumberOne = 1 + Math.floor(Math.random() * 5);
- // the switch is for assigning the image based on what number is generated
- switch(ranNumberOne){
- case 1:
- document['rock'].src = rock.jpg;
- break;
- case 2:
- document['paper'].src = paper.jpg;
- break;
- case 3:
- document['scissors'].src = scissors.jpg;
- break;
- case 4:
- document['spock'].src = spock.jpg;
- break;
- case 5:
- document['rock'].src rock.jpg;
- break;
- }
- document.['blank'].src =cpuImage.src;
- });
- <img id="blank" src="blank.jpg" name="blank" width="265" height="250" />
- $(document).ready(function(){
- // You don't need an image object, since you're only
- // determining a string for `src` and applying it to an existing
- // image object
- var cpuImage = "";
- /* Below you're assigning `src` properties to objects that don't exist. */
- rock.src = 'rock.jpg';
- paper.src = 'paper.jpg';
- scissors.src = 'scissors.jpg';
- lizard.src = 'lizard.jpg';
- spock.src = 'spock.jpg';
- /* I see what you're trying to do,
- but try going about it a bit differently, example: */
- var imageBank = {
- 'rock' : 'rock.jpg',
- 'paper' : 'paper.jpg',
- 'scissors' : 'scissors.jpg',
- 'lizard' : 'lizard.jpg',
- 'spock' : 'spock.jpg'
- };
- $("#paper").click(function(){
- var ranNumberOne = 1 + Math.floor(Math.random() * 5);
- // the switch is for assigning the image based on what number is generated
- switch(ranNumberOne){
- // Assign your 'cpuImage' variable to the associated imageBank key
- case 1:
- cpuImage = imageBank['rock'];
- break;
- case 2:
- cpuImage = imageBank['paper'];
- break;
- case 3:
- cpuImage = imageBank['scissors'];
- break;
- case 4:
- cpuImage = imageBank['lizard'];
- break;
- case 5:
- cpuImage = imageBank['spock'];
- break;
- }
- // Old:
- document.['blank'].src =cpuImage.src;
- // JQuery syntax (assuming you have an image with id `blank`)
- // New:
- $("#blank").attr('src',cpuImage);
- });
- $('.clickme').on('click', function(){
- var randimage = Math.floor(Math.random() * 5) + 1;
- $('.putmehere').html('');
- $('.random1').html(randimage);
- $('.holder img#i' + randimage).clone().appendTo('.putmehere');
- });
- <div id="container">
- <img id="blank" src="blank.jpg" name="blank" width="265" height="250" />
- </div>
- $(function () {
- $("#container")
- .attr("data-name", $("img", this).attr("id"))
- .on("click", function (e) {
- var options = ["rock", "paper", "scissors", "lizard", "spock", "blank"];
- var r = (function (n) {
- return options[(n + Math.floor(Math.random() * options.length - n))]
- })(1);
- $("img", this).attr({
- "id": r,
- "name": r,
- "src": r + ".jpg"
- }).parent().attr("data-name", r);
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement