質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

解決済

画面遷移させたいのに遷移前のページと繋がって表示されてしまう

退会済みユーザー

退会済みユーザー

総合スコア0

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1回答

0リアクション

0クリップ

227閲覧

投稿2022/09/19 11:28

前提

PHPでじゃんけんゲームを作っています。
require_onceでindex.phpを読み込むと、
index.phpにてボタンを押した後、result.phpに画面遷移させたいのに、
画像のようにページ同士が繋がって表示されてしまいます。
何故かrequire_onceの行を消すと正常に表示されます。
原因と解決方法を教えていただければ幸いです。

イメージ説明

実現したいこと

require_onceを読み込んでも正常に画面遷移ができるようにしたい。

発生している問題・エラーメッセージ

エラーメッセージは表示されていません。

該当のソースコード

index.php

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>じゃんけんゲーム</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/png" href="janken_pa.png"> </head> <body> <header class="text-center"><a href="./index.php" class="page-title"><h1>じゃんけんゲーム</h1></a></header> <main class="container"> <p class="battle-description">出す手を選んで勝負して下さい。</p> <form action="./result.php" method="post"> <input type="radio" name="janken" value="グー" id="gu" checked> <label for="gu">グー</label> <input type="radio" name="janken" value="チョキ" id="choki"> <label for="choki">チョキ</label> <input type="radio" name="janken" value="パー" id="pa"> <label for="pa">パー</label><br> <button type="submit" onclick="location.href='./result.php'" class="battle-button">勝負する!</button> </form> </main> <footer><p class="footer-text"><small>&copy; 2022 ******</small></p></footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script> </body> </html>

result.php

<?php declare(strict_types=1); require_once(dirname(__FILE__) . '/index.php'); ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>じゃんけんゲーム</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/png" href="janken_pa.png"> </head> <body> <header class="text-center"><a href="./index.php" class="page-title"><h1>じゃんけんゲーム</h1></a></header> <main class="container"> <p class="before-result">結果は…</p> <p class="game-result">ゲーム結果の変数が入ります</p> <p class="choice-result">あなた : ユーザの選択した値が入ります</p> <p class="choice-result">コンピューター : コンピューターが出力した値が入ります</p> <a href="./index.php" class="retry-button">>>もう一回勝負する</a> </main> <footer><p class="footer-text"><small>&copy; 2022 ******</small></p></footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script> </body> </html>

補足情報(FW/ツールのバージョンなど)

MAMPで開発しています。

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

2022/09/19 14:24

こちらの質問が他のユーザーから「やってほしいことだけを記載した丸投げの質問」という指摘を受けました。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。