演習課題「画像を順番に出力する」

右側のエディターエリアのプログラムを元に、items_imgリストをitems_orderリストの順に、
1行づつHTMLで画像を表示してみましょう。

HTMLで画像を1行ずつ表示する場合は以下のようにimgタグを利用します。
<img src=URL><br>

期待する出力値









演習課題「アイテムリストを作ってみよう」

右側のエディターエリアのプログラムを元に、アイテムリストを作ってみましょう。
標準入力で出力するアイテム数と複数行のアイテム名の入力があります。
それを元に、items_imgで定義された画像を改行せず順番に出力してみましょう。
画像の出力にはimgタグを使い、src属性に画像のファイル名を指定します。

※標準入力で与えられるアイテム名は、items_imgに無いアイテムは
出てこないものとします。

入力される値

6
回復薬

クリスタル
クリスタル

標準入力からの値取得方法はこちらをご確認ください

期待する出力値


※paizaに会員登録すると無料で動画学習コンテンツをご利用いただけます
会員登録する

#08:RPGのアイテム一覧を再現2

前回と今回のチャプターでは、辞書とループを使った具体例として、RPGのアイテム一覧を作成していきます。このチャプターでは、実際にアイテムリストを実装していきます。