setcookie

Cookieの受信と値の取得

<?php
// バックエンドの処理開始

// 初期値
$currentValue = 0; // 現在のカウント数
$changeAmount = 0; // 増減数
$history = [];     // カウンター履歴
$errorFlag = false; // エラーフラグ(エラー発生時:true)

// 増減する値の取得
if (isset($_POST['changeAmount'])) {
  if (is_numeric($_POST['changeAmount'])) {
    $changeAmount = $_POST['changeAmount'];
  } else {
    $errorFlag = true;
  }
}

// 現在のカウント数の取得
if (isset($_POST['result'])) {
  if (is_numeric($_POST['result'])) {
    $currentValue = $_POST['result'];
  } else {
    $errorFlag = true;
  }
}

// +ボタン/−ボタンが押された場合の計算処理
if (isset($_POST['plus'])) {
  $currentValue += $changeAmount;
} elseif (isset($_POST['minus'])) {
  $currentValue -= $changeAmount;
}

// リセットボタンが押された場合
if (isset($_POST['reset'])) {
  // 問題1. 現在のカウンターの値をCookieに保存してください
  // この下に解答してください
  setcookie('lastResetValue', $currentValue, time() + 3600);

  // カウント数をリセット
  $currentValue = 0;
}

// バックエンドの処理終了
?>


<!DOCTYPE html>
<html>

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

<body>

  <form action='index.php' method='post'>

    <h2>カウンターアプリ</h2>
    <ol>
      <li>増減数を入力します。</li>
      <li>+ボタンを押すと、カウンターの数が増えます。</li>
      <li>-ボタンを押すと、カウンターの数が減ります。</li>
      <li>リセットボタンを押すと、カウンターの値がリセットされます。</li>
    </ol>

    <h3>カウンター</h3>
    <p>
      増減数：
      <input type='text' name='changeAmount'>
      <?php
      if ($errorFlag) {
        echo '<p><font color="#000080">※半角数値を入力してください</font></p>';
      }
      ?>
    </p>
    <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>

    <h3>カウンター履歴</h3>
    <?php
    foreach ($history as $value) {
      echo '<div>' . $value . '</div>';
    }
    ?>

    <h3>最後にリセットした時のカウンター値</h3>
    <p>
      
      
      <?php
      if (isset($_COOKIE['lastResetValue'])) {
        echo $_COOKIE['lastResetValue'];
      }
      ?>
    </p>

  </form>
</body>

</html>

<?php
// バックエンドの処理開始

// 初期値
$currentValue = 0; // 現在のカウント数
$changeAmount = 0; // 増減数
$history = [];     // カウンター履歴
$errorFlag = false; // エラーフラグ(エラー発生時:true)

// 増減する値の取得
if (isset($_POST['changeAmount'])) {
  if (is_numeric($_POST['changeAmount'])) {
    $changeAmount = $_POST['changeAmount'];
  } else {
    $errorFlag = true;
  }
}

// 現在のカウント数の取得
if (isset($_POST['result'])) {
  if (is_numeric($_POST['result'])) {
    $currentValue = $_POST['result'];
  } else {
    $errorFlag = true;
  }
}

// +ボタン/−ボタンが押された場合の計算処理
if (isset($_POST['plus'])) {
  $currentValue += $changeAmount;
} elseif (isset($_POST['minus'])) {
  $currentValue -= $changeAmount;
}

// リセットボタンが押された場合
if (isset($_POST['reset'])) {
  // 問題1. 現在のカウンターの値をCookieに保存してください
  // この下に解答してください


  // カウント数をリセット
  $currentValue = 0;
}

// バックエンドの処理終了
?>


<!DOCTYPE html>
<html>

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

<body>

  <form action='index.php' method='post'>

    <h2>カウンターアプリ</h2>
    <ol>
      <li>増減数を入力します。</li>
      <li>+ボタンを押すと、カウンターの数が増えます。</li>
      <li>-ボタンを押すと、カウンターの数が減ります。</li>
      <li>リセットボタンを押すと、カウンターの値がリセットされます。</li>
    </ol>

    <h3>カウンター</h3>
    <p>
      増減数：
      <input type='text' name='changeAmount'>
      <?php
      if ($errorFlag) {
        echo '<p><font color="#000080">※半角数値を入力してください</font></p>';
      }
      ?>
    </p>
    <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>

    <h3>カウンター履歴</h3>
    <?php
    foreach ($history as $value) {
      echo '<div>' . $value . '</div>';
    }
    ?>

    <h3>最後にリセットした時のカウンター値</h3>
    <p>
      
      


    </p>

  </form>
</body>

</html>


    // =======================
    // 問題1
    // =======================
    // 問題文
    const title1 = 'リセットボタンを押された時のカウンター値を`*Cookie*`に保存してください';
    // 実装タスク
    const task1 = '関数`*setcookie*`へ、保存キー名(第一引数)に`*lastResetValue*`、保存する値(第二引数)に`*$currentValue*`、保存期間(第三引数)に`*time() + 3600*`を設定しよう';
    // ヒント
    const hint1 = `
次のコードを参考にしてください。
~~~php
setcookie(保存キー名, 保存する値, 保存期間);
setcookie('age', '20', time() + 3600); 
~~~`;
    // アンサーコード
    const answer1 = "setcookie('lastResetValue', $currentValue, time() + 3600);";
    // =======================
    // 問題2
    // =======================
    // 問題文
    const title2 = '最後にリセットした時のカウンター値を`*Cookie*`から取得し表示してください';
    // 実装タスク
    const task2 = "`*isset*`関数を使い、`*$_COOKIE['lastResetValue']*`に値がある場合のみ関数`*echo*`で出力しよう";
    // ヒント
    const hint2 = `次のコードを参考にしてください。
~~~php
<?php
  if (isset($_COOKIE['age'])) {
    echo $_COOKIE['age'];
  }
?>
~~~`;
    // アンサーコード
    const answer2 = `
<?php
if (isset($_COOKIE['lastResetValue'])) {
  echo $_COOKIE['lastResetValue'];
}
?>
`;
    // =======================
    // 手順
    // =======================
    const questions = [
        {
            title: title1,
            tests: [
                {
                    title: task1,
                    hint: hint1,
                    test: () => {
                        isContainTextInEditor(answer1);
                    }
                }
            ]
        },
        {
            title: title2,
            tests: [
                {
                    title: task2,
                    hint: hint2,
                    test: () => {
                        isContainTextInEditor(answer2);
                    }
                }
            ]
        }
    ];


カウンターの数を保存できるようにしよう

完成形を操作してみよう

テキストボックス

$_POST

フロントエンドを実装しよう

HTML内でPHP変数を表示する方法

PHPのforeach文を使用したHTMLタグの動的生成

```php
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>動物の名前</title>
</head>
<body>
    <?php
    // 動物名の配列を定義
    $animals = ['犬', '猫', 'ウサギ', '鳥', 'カメ'];

    // 配列の要素を繰り返し処理し、各動物の名前を段落として表示
    foreach ($animals as $animal) {
        echo '<p>' . $(1) . '</p>';
    }
    ?>
</body>
</html>
```

隠しフィールド

動的なページを実装しよう

バックエンドの実装を始めよう

function/引数（複数）

~~~php
//nameとageを持つ、関数を定義してみましょう
function SelfIntroduction($(1), $(2)){
    echo  "私は".$name"、".$age."です";
}
$name = "佐藤"; 
$age = "52歳";
SelfIntroduction($name, $age);

funciton/return

~~~php
//関数を定義
function Greeting(){
    $(1) "Hello World";
}


＋と−ボタンでカウンターの数を増減させよう

E_ERROR

バリデート

ユーザーの入力値をチェックしよう

session_start();

Session変数の配列操作

配列の要素の追加/array_push

```php
$colors = array('あか', 'あお', 'みどり', 'きいろ');
$colors$(1) = 'しろ';
```