Question

我刚刚开始学习HTML，CSS，JS和jQuery，我正在尝试为自己的教育构建一个简单的老虎机网站。

我有三个窗口，每个窗口都有相同的三个图像循环通过它们。单击时，窗口将冻结当前图像。我想做的是，如果在点击每个窗口后所有三个窗口中的 The door is currently <?php $pinStatus = trim(shell_exec("gpio -g read 18")); //returns 0 = low; 1 = high $label = $state[$pinStatus]; if($label == $state[1]) { echo "$label"; } else { echo "$label"; } ?> 相同，则调用src，如果它们不是全部相同，则alert("You've won") 1}}被称为。

这里是div：

alert("You've lost")

这里是.js：

<div class="row forthRow">
    <div class="slotContainer col-xs-4 col-md-2 col-md-offset-3">
        <img src="image1.jpg" id="mainImage1" class="win_or_lose col-xs-12" alt=""/>
    </div>
    <div class="slotContainer col-xs-4 col-md-2">
        <img src="image2.jpg" id="mainImage2" class="win_or_lose col-xs-12" alt="flame"/>
    </div>
    <div class="slotContainer col-xs-4 col-md-2">
        <img src="image3.jpg" id="mainImage3" class="win_or_lose col-xs-12" alt="bolt"/>
    </div>
</div>

我搜遍了StackOverflow以及W3schools和api.jquery.com都无济于事。我希望我的问题很清楚。感谢您提供的任何帮助。

Answer 1

让每个窗口在停止时调用一个函数。如果所有窗口都没有停止，则该功能不执行任何操作。如果它们全部停止，它会检查结果。

此外，作为一般编程提示，如果您不止一次地执行相同的操作，请创建一个函数来执行此操作。你有三次相同的代码重复，这有几个原因：

任何更改（错误修复，修改）都必须重复。
您的代码库比实际情况要大，这使得调试和发货变得更加困难。

Answer 2

使得如果在点击每个窗口后所有三个窗口的src相同

由于您的图片基于[全局]变量，因此您无需检查src您只需检查变量，即：

if (counter1==counter2 && counter1==counter3)
    alert("You've won");

这假设您已经检查过它们都已暂停：

if (paused1 && paused2 && paused3)
  if (counter1==counter2 && counter1==counter3)
    alert("You've won");

我的老虎机游戏的js

2 个答案: