使按钮更改变量并继续这样做

Question

在我显示 img-1 的页面中。为此，我使 $number = 1。

然后，为了显示 img-2，我必须让 $number = 2。为此，我可以通过制作一个按钮来做到这一点，$number + 1。但是，我该如何使用它稍后显示 $number = 3 的按钮？因为那个按钮只执行相同的计算，并且 $number = 1，结果只会是 2。我需要它是 3、4、5 等等。

这是我的代码，它在一个地方混杂了 html、php 和 javascript。顺便说一句，我不是专业程序员。

<?php 
    $number = $_GET["number"];
?>

<main id="main" class="single-page" role="main">
    <div>
        <div>
            <img src="http://www.test.com/img-<?php echo $number ?>.jpg" id="number">
            <input type="button" value ="proceed" onClick="document.getElementById('number').src='http://www.test.com/img-<?php echo $number + 1; ?>.jpg'">

        </div>
    </div>
</main> <!-- #main -->

好的，到此为止。最初我有一个查询字符串，$number = 1。所以，我有一张 id 为 img-1 的图片。然后，该按钮会将 $number 更改为 2，使图像显示 img-2。现在，我正在尝试使用同一个按钮来显示下一个 img-3。我不知道该怎么做。

我想这样做，那个按钮会做两件事，首先，将图像源更改为2，同时使$number = 2。这样下次我单击按钮时它会处理$number as = 2，现在将“+1”使其变为3。然后它也只需单击即可显示第四张图片。

有没有办法在单击该按钮后更改 $number 的值？我知道该代码有很多问题，但我只需要修复这个问题，在单击后更改 $number。谢谢

Answer 1

当您想要显示“计数器”时，您总是显示相同的数字。这是解决方案。

echo $number = $number + 1;