PHPをHTMLの中で商品リストを表示したいのですが、できません。

前提・実現したいこと

PHP初心者で勉強中の者です。
下記のような値を、出力結果になるようにforeach文で表示したいですが、
最後の<p class="name">商品名: <? echo".$list['name']."?></p>
<p class="price">¥ <? echo ".$list['price']." ?></p>
<p class="explain">説明: <? echo ".$list['explain']." ?></p>
が上手く表示できません。

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

<?php // 配列変数を利用して、繰り返し処理で商品リストを作ってみましょう。 $Product = [ [ 'name' => 'ベスト', 'price' => 6980, 'explain' => '冬に最適、ベストなベストをあなたに！' ], [ 'name' => 'アロハシャツ', 'price' => 25500, 'explain' => '夏に快適、カラフルなシャツをあなたに！' ], [ 'name' => 'トートバッグ', 'price' => 3400, 'explain' => '買い物入れに、ぜひご活用ください！' ], [ 'name' => 'ジーンズ', 'price' => 9800, 'explain' => '年中履ける、伸縮抜群の素材を使っております！' ], [ 'name' => 'オリジナルTシャツ', 'price' => 50000, 'explain' => '最高級の素材をあなたへ！' ], ]; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> h1, .name { text-align: center; }

.wrapper {
width: 780px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}

.box {
margin: 19px;
width: 220px;
border: 1px solid #d6d6d6;
}

.price,
.explain {
padding: 0 5px;
}
</style>

</head> <body> <h1>繰り返し処理演習商品リスト</h1> <div class="wrapper">  <?php foreach ($Product as $key => $list) { ?> <div class="box"> <p class="name">商品名: <? echo".$list['name']."?></p> <p class="price">¥ <? echo ".$list['price']." ?></p> <p class="explain">説明: <? echo ".$list['explain']." ?></p> </div> <?php } ?>  </div> </body> </html>

該当のソースコード

商品名: <? echo".$list['name']."?>
¥ <? echo ".$list['price']." ?>
説明:<? echo ".$list['explain']." ?>

試したこと

商品名、￥、説明を表示したのですが、どう書いたらいいか分かりませんでした。
教えていただきたいです。

退会済みユーザー

2021/10/26 00:17

まず、何はともあれ、コードは ``` と ``` で囲いましょう。インデントされてないコードは質問者さん自身も読む気がしないのでは？

m.ts10806

2021/10/26 01:10

起きてる問題は何でしょう。

行動規範の内容に同意します

回答1件

ベストアンサー

こうするか

PHP
1<?php
2foreach ($Product as $key => $list) { ?>
3<div class="box">
4  <p class="name">商品名: <?=$list['name']?></p>
5  <p class="price">&yen; <?=$list['price']?></p>
6  <p class="explain">説明: <?=$list['explain']?></p>
7</div>
8<?php } ?>

もしくはこんな感じ

PHP
1foreach ($Product as $key => $list) {
2print<<<eof
3<div class="box">
4  <p class="name">商品名: ${list['name']}</p>
5  <p class="price">&yen; ${list['price']}</p>
6  <p class="explain">説明: ${list['explain']}</p>
7</div>
8eof;
9}