JavaScript 为小游戏项目添加图片（游戏）

╰半橙微兮° 2022-10-02 14:50 198阅读 0赞

var images = \["https://www.w3cschool.cn/statics/codecamp/images/9H17QFk.png", "https://www.w3cschool.cn/statics/codecamp/images/9RmpXTy.png", "https://www.w3cschool.cn/statics/codecamp/images/VJnmtt5.png"\];

slotOne = Math.floor(Math.random() \* (3 - 1 + 1)) + 1;  
slotTwo = Math.floor(Math.random() \* (3 - 1 + 1)) + 1;  
slotThree = Math.floor(Math.random() \* (3 - 1 + 1)) + 1;

// Only change code below this line.  
$($('.slot')\[0\]).html('<img src = "' + images\[slotOne-1\] + '">');  
$($('.slot')\[1\]).html('<img src = "' + images\[slotTwo-1\] + '">');  
$($('.slot')\[2\]).html('<img src = "' + images\[slotOne-1\] + '">');

// Only change code above this line.

if (slotOne === slotTwo && slotTwo === slotThree) \{  
$('.logger').html("It's A Win");  
return null;  
\}

if (slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined)\{  
$(".logger").html(slotOne + " " + slotTwo + " " + slotThree);  
\}

$('.logger').append(" Not A Win");

return \[slotOne, slotTwo, slotThree\];  
\}

$(document).ready(function() \{  
$('.go').click(function() \{  
runSlots();  
\});  
\});  
</script>  
  
<div>  
<div class = 'container inset'>  
<div class = 'header inset'>  
<img src='/statics/codecamp/images/freecodecamp\_logo.svg' alt='learn to code JavaScript at Free Code Camp logo' class='img-responsive nav-logo'>  
<h2>FCC Slot Machine</h2>  
</div>  
<div class = 'slots inset'>  
<div class = 'slot inset'>  
  
</div>  
<div class = 'slot inset'>  
  
</div>  
<div class = 'slot inset'>  
  
</div>  
</div>  
<br/>  
<div class = 'outset'>  
<button class = 'go inset'>  
Go  
</button>  
</div>  
<br/>  
<div class = 'foot inset'>  
<span class = 'logger'></span>  
</div>  
</div>  
</div>

转载于:https://www.cnblogs.com/chendi618/p/11000720.html