ご自身のパソコン（ローカル）上で実際にPHPのプログラミングをする準備をします。簡単なプログラムの実行まで体験してみましょう。

PHPコース

PHPでWebアプリを作ろう

PHPのローカル開発準備（環境構築）

# カウンターアプリを作ろう
それではより実践的なアプリケーション実装としてカウンターアプリを実装してみましょう。

### 完成イメージ
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5b58ac24-443b-4ff8-8cd8-fb6d0652ee95.png)

## 仕様
カウンターアプリは主に3つの要件があります。要件に沿った実装をしましょう。
### 仕様1. +ボタンを押すとカウンターの値が1増加します
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/43db4a7c-0a49-4a07-81df-3153bfa2dfb6.png)

### 仕様2. -ボタンを押すとカウンターの値が1減少します
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c0aea18c-5682-4b18-aa11-ca68eda19987.png)

### 仕様3. リセットボタンを押すとカウンターの値が0になります
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d9b7530a-16c9-4622-8c03-24dbcf70e53c.png)

## スターターコード
フロントエンド(画面に表示される部分)は実装済みです。
以下のコードをベースに対応1~4の実装をしてみましょう。

~~~php~index
<?php
// 初期値
$currentValue = 0; // 現在のカウント数

// 対応1. 現在のカウンター数を取得してください
// ヒント: $_POST['result'] を利用して、前回の値を引き継ぐことができます。

// 対応2. +ボタンが押された場合の処理を追加してください
// ヒント: $_POST['plus'] が送信されている場合に値を増やします。

// 対応3. −ボタンが押された場合の処理を追加してください
// ヒント: $_POST['minus'] が送信されている場合に値を減らします。

// 対応4. リセットボタンが押された場合の処理を追加してください
// ヒント: $_POST['reset'] が送信されている場合に値を0にします。


?>

<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <title>カウンターアプリ</title>
</head>

<body>
  <form action='index.php' method='post'>
    <h2>カウンターアプリ</h2>
    <ol>
      <li>+ボタンを押すと、カウンターの数が1増えます。</li>
      <li>-ボタンを押すと、カウンターの数が1減ります。</li>
      <li>リセットボタンを押すと、カウンターの値がリセットされます。</li>
    </ol>
    <h3>カウンター</h3>
    <p>実行：
      <button type='submit' name='plus' value='plus'>+</button>
      <button type='submit' name='minus' value='minus'>−</button>
      <button type='submit' name='reset' value='reset'>リセット</button>
    </p>
    <p>
      結果：
      <?php echo $currentValue; // 現在の値を表示します ?>
      <input type='hidden' name='result' value=<?php echo $currentValue; ?>>
    </p>
  </form>
</body>

</html>

~~~

## スターターコードの解説
- 変数`$currentValue`は現在のカウンター数が入ります。
- form内に定義されているボタン(`+`、`-`、`リセット`)を押下すると`index.php`へ`post`メソッドが送信されます。

## 実装について
スターターコード内に対応1~4として記載されている内容を実装してみましょう。
### 対応1. 現在のカウンター数を取得してください
- カウンター数はフォームが送信された際に`result`という名前で送信されます。
~~~html
<input type='hidden' name='result' value=<?php echo $currentValue; ?>>
~~~
- 送信された値は`$_POST['result']`として取得できます。
- 変数`$currentValue`の値を$_POST['result']で更新しましょう。

### 対応2. +ボタンが押された場合の処理を追加してください
- +ボタンが`押下されていた場合`は`$_POST['plus']`に値が格納されます。
- 押下されていた場合のみ変数`$currentValue`の値をインクリメント(1増加)しましょう。

### 対応3. −ボタンが押された場合の処理を追加してください
- -ボタンが`押下されていた場合`は`$_POST['minus']`に値が格納されます。
- 押下されていた場合のみ変数`$currentValue`の値をデクリメント(1減少)しましょう。

### 対応4. リセットボタンが押された場合の処理を追加してください
- リセットボタンが`押下されていた場合`は`$_POST['reset']`に値が格納されます。
- 押下されていた場合のみ変数`$currentValue`の値を0に更新しましょう。


4. カウンターアプリを作ろう