ボタンを変数に変更してそのまま続ける

Question

img-1を表示しているページです。これを行うには、$ number = 1を作成します。

次に、img-2を表示するには、$ number = 2にする必要があります。これを行うには、 1.しかし、その後、同じボタンを使用して$ number = 3を後で表示するにはどうすればよいですか？そのボタンは同じ計算しか実行しないので、$ number = 1の場合、結果は2になります。後で3、4、5などにする必要があります。

Heres my codeは、html、php、およびjavascriptのすべてを1か所でまとめています。私はプロプログラマーではありません。

<?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つのことを行います。最初にその画像ソースを2に変更し、同時に$ number = 2にします。次に、ボタンをクリックすると$数字は2になり、今度は「+ 1」になると3になります。次に、4番目の画像を表示するにはクリックが必要になります。

ボタンをクリックして$ numberの値を変更する方法はありますか？私はそのコードには多くのことが間違っていることを知っていますが、私はちょうどこの1つの問題を修正する必要があります。ありがとう

Answer 1

「カウンター」を表示したいときは、常に同じ番号を表示しています。ここに解決策があります。

echo $number = $number + 1;