編集履歴

質問編集履歴

エラーを追記しました。

2021/03/09 13:23

投稿

souzitarou

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -20,11 +20,27 @@
-ブラウザ上で表示されるエラーです
+ブラウザ上で表示されるエラーです。consoleでは値が入っています
 ```
+Warning: Undefined array key "random_array" in C:\xampp\htdocs\screen.php on line 11
+NULL
-Warning: Undefined variable $topic in C:\xampp\htdocs\screen.php on line 90
+Warning: Undefined array key "val" in C:\xampp\htdocs\screen.php on line 14
+string(2) "-1"
+Warning: Trying to access array offset on value of type null in C:\xampp\htdocs\screen.php on line 20
+NULL int(6)
+Warning: Trying to access array offset on value of type bool in C:\xampp\htdocs\screen.php on line 63
+NULL
 ```

全角スペース修正

2021/03/09 13:22

投稿

souzitarou

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -156,7 +156,7 @@
 //ランダムなid(random_val)のtopicを取りだす
-$topic　= 0;
+$topic = 0;

ソースコードを追加しました

2021/03/09 06:09

投稿

souzitarou

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -40,23 +40,123 @@
 $random_array = $_GET['random_array'];
+var_dump($random_array);
+//結果
+array(7) {
+  [0]=>
+  string(1) "5"
+  [1]=>
+  string(1) "4"
+  [2]=>
+  string(1) "1"
+  [3]=>
+  string(1) "6"
+  [4]=>
+  string(1) "3"
+  [5]=>
+  string(1) "2"
+  [6]=>
+  string(1) "0"
+}
 $val = $_GET['val'];
 $val_true = $val - 1;
+var_dump(h($val_true));
+//結果
+string(1) "0"
 //  クリックしたらshuffleされた配列の0番目から順に要素を一つ取り出す
 $random_val = $random_array[$val_true];
+var_dump($random_val);
+//結果
+string(1) "5"
+//idの最大値を取り出して$maxに代入
+try{
+  $pdo = new PDO($dsn, $user, $password , [
+    PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
+    PDO::ATTR_EMULATE_PREPARES => false,
+  ]);
+  $sql = 'select max(id) from topic';
+  $stm = $pdo->query($sql);
+  foreach ($stm as $maxvalue) {
+      $max = $maxvalue[0];
+  }
+  var_dump($max);
+//結果
+int(6)
+}catch (PDOException $e){
+  print('Error:'.$e->getMessage());
+  die();
+}
 //ランダムなid(random_val)のtopicを取りだす
-$topic;
+$topic　= 0;
@@ -80,39 +180,213 @@
   $stm->execute();
-  $result = $stm->fetchall();
+  $result = $stm->fetch();
+  $topic = $result["topic"];
+  var_dump($topic);
-//お題を取得
+//結果
+string(54) "最近嫌だったこと、苦しかったことは？"
-  foreach ($result as $value) {
+}catch (PDOException $e){
+  print('Error:'.$e->getMessage());
+  die();
+}
+$dbh = null;
+?>
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="screen.css">
-    $topic = $value['topic'];
+  <title></title>
+</head>
+  <body>
+      <div id="box">
+        <div class="odai">
+          ここにお題が入る
+          <?php echo $topic; ?> //ここでエラーが出ます
+        </div>
+        <button id="btn" name="next">次へ</button>
+      </div>
+      <input type="hidden" id="php-val" value="<?= h($max) ?>">
+      <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="crossorigin="anonymous"></script>
+ </body>
+</html>
+```
+```javascript
+$(function(){
+  var max_val = document.getElementById('php-val').value;
+  var randoms = [];
+  /** 最小値と最大値 */
+  var min = 0, max = max_val;
+  /** 重複チェックしながら乱数作成 */
+  for(i = min; i <= max; i++){
+    while(true){
+      var tmp = intRandom(min, max);
+      if(!randoms.includes(tmp)){
+        randoms.push(tmp);
+        break;
+      }
+    }
   }
+  /** min以上max以下の整数値の乱数を返す */
-}catch (PDOException $e){
+  function intRandom(min, max){
-  print('Error:'.$e->getMessage());
+    return Math.floor( Math.random() * (max - min + 1)) + min;
-  die();
-}
+  }
+  var i = 0;
+  $('#btn').click(function(){
-$dbh = null;
+    i = i +1;
+    var param = {"val":i};
+    console.log(param);
+    $.ajax({
+        url: "./screen.php",
+        type: "GET",
+        data: {
+          "val":i,
+          random_array : randoms
+        },
+        dataType : "text",
+        timespan:1000
+      }).done(function(data){
+          console.log(data);
+      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
+        console.log("XMLHttpRequest : " + XMLHttpRequest.status);
+    　　console.log("textStatus : " + textStatus);
+    　　console.log("errorThrown : " + errorThrown.message);
-?>
+      });
+  });
+});
+```
+### 試したこと
+console.logやvar_dumpでphpの変数に値が入っているか確認しました。値は入っていました。
+以下console.logで確認したものです。
+```console.log
 <!DOCTYPE html>
@@ -134,7 +408,7 @@
           ここにお題が入る
-          <?php echo $topic; ?> //ここでエラーが出ます
+          最近嫌だったこと、苦しかったは？
         </div>
@@ -144,9 +418,7 @@
       </div>
-      <input type="hidden" id="php-val" value="<?= h($max) ?>">
+      <input type="hidden" id="php-val" value="6">
@@ -160,176 +432,6 @@
-```javascript
-$(function(){
-  var max_val = document.getElementById('php-val').value;
-  var randoms = [];
-  /** 最小値と最大値 */
-  var min = 0, max = max_val;
-  /** 重複チェックしながら乱数作成 */
-  for(i = min; i <= max; i++){
-    while(true){
-      var tmp = intRandom(min, max);
-      if(!randoms.includes(tmp)){
-        randoms.push(tmp);
-        break;
-      }
-    }
-  }
-  /** min以上max以下の整数値の乱数を返す */
-  function intRandom(min, max){
-    return Math.floor( Math.random() * (max - min + 1)) + min;
-  }
-  var i = 0;
-  $('#btn').click(function(){
-    i = i +1;
-    var param = {"val":i};
-    console.log(param);
-    $.ajax({
-        url: "./screen.php",
-        type: "GET",
-        data: {
-          "val":i,
-          random_array : randoms
-        },
-        dataType : "text",
-        timespan:1000
-      }).done(function(data){
-          console.log(data);
-      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
-        console.log("XMLHttpRequest : " + XMLHttpRequest.status);
-    　　console.log("textStatus : " + textStatus);
-    　　console.log("errorThrown : " + errorThrown.message);
-      });
-  });
-});
-```
-### 試したこと
-console.logやvar_dumpでphpの変数に値が入っているか確認しました。値は入っていました。
-以下console.logで確認したものです。
-```console.log
-<!DOCTYPE html>
-<head>
-  <meta charset="utf-8">
-  <link rel="stylesheet" href="screen.css">
-  <title></title>
-</head>
-  <body>
-      <div id="box">
-        <div class="odai">
-          ここにお題が入る
-          最近はまっていることは？
-        </div>
-        <button id="btn" name="next">次へ</button>
-      </div>
-      <input type="hidden" id="php-val" value="6">
-      <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="crossorigin="anonymous"></script>
- </body>
-</html>
-```
 ### 補足情報（FW/ツールのバージョンなど）

ソースコードを追加しました

2021/03/09 05:58

投稿

souzitarou

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -36,6 +36,24 @@
 ```php
+/screen.jsからシャッフルされた配列とプラス一ずつされる変数を受け取る
+$random_array = $_GET['random_array'];
+$val = $_GET['val'];
+$val_true = $val - 1;
+//  クリックしたらshuffleされた配列の0番目から順に要素を一つ取り出す
+$random_val = $random_array[$val_true];
 //ランダムなid(random_val)のtopicを取りだす
 $topic;
@@ -142,6 +160,122 @@
+```javascript
+$(function(){
+  var max_val = document.getElementById('php-val').value;
+  var randoms = [];
+  /** 最小値と最大値 */
+  var min = 0, max = max_val;
+  /** 重複チェックしながら乱数作成 */
+  for(i = min; i <= max; i++){
+    while(true){
+      var tmp = intRandom(min, max);
+      if(!randoms.includes(tmp)){
+        randoms.push(tmp);
+        break;
+      }
+    }
+  }
+  /** min以上max以下の整数値の乱数を返す */
+  function intRandom(min, max){
+    return Math.floor( Math.random() * (max - min + 1)) + min;
+  }
+  var i = 0;
+  $('#btn').click(function(){
+    i = i +1;
+    var param = {"val":i};
+    console.log(param);
+    $.ajax({
+        url: "./screen.php",
+        type: "GET",
+        data: {
+          "val":i,
+          random_array : randoms
+        },
+        dataType : "text",
+        timespan:1000
+      }).done(function(data){
+          console.log(data);
+      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
+        console.log("XMLHttpRequest : " + XMLHttpRequest.status);
+    　　console.log("textStatus : " + textStatus);
+    　　console.log("errorThrown : " + errorThrown.message);
+      });
+  });
+});
+```
 ### 試したこと