演習課題「画像を順番に出力する」
右側のエディターエリアのプログラムを元に、itemImages配列を使用して、
1行づつHTMLで画像を表示してみましょう。
HTMLで画像を1行ずつ表示する場合は以下のようにimgタグを利用します。
<img src="URL"><br>
期待する出力値
演習課題「アイテムリストを作ってみよう」
右側のエディターエリアのプログラムを元に、アイテムリストを作ってみましょう。
標準入力で出力するアイテム数と複数行のアイテム名の入力があります。
それを元に、itemImagesで定義された画像を1行ずつ順番に出力してみましょう。
HTMLで画像を1行ずつ表示する場合は以下のようにimgタグを利用します。
<img src="URL"><br>
※標準入力で与えられるアイテム名は、itemImagesに無いアイテムは
出てこないものとします。
期待する出力値
#06:RPGのアイテム一覧を再現2
回と今回のチャプターでは、マップとループを使った具体例として、RPGのアイテム一覧を作成しています。このチャプターでは、実際にアイテムリストを実装していきます。
// RPGのアイテム一覧を再現
import java.util.*;
public class Main {
public static void main(String[] args) {
// 画像用ハッシュ
HashMap<String, String> itemImages = new HashMap<String, String>();
itemImages.put("剣", "http://paiza.jp/learning/images/sword.png");
itemImages.put("盾", "http://paiza.jp/learning/images/shield.png");
itemImages.put("回復薬", "http://paiza.jp/learning/images/potion.png");
itemImages.put("クリスタル", "http://paiza.jp/learning/images/crystal.png");
// アイテムの並び順配列
String[] itemOrders = {"クリスタル", "盾", "剣", "回復薬", "回復薬", "回復薬"};
}
}
// アイテム名を取り出す
for (String itemName : itemOrders) {
System.out.println(itemName);
}
// アイテム名を取り出す
for (String itemName : itemOrders) {
// 画像ファイル名を取り出す
System.out.println(itemImages.get(itemName));
System.out.println(itemName);
}
// アイテム名を取り出す
for (String itemName : itemOrders) {
// 画像ファイル名を取り出す
System.out.println("<img src = '" + itemImages.get(itemName) + "'>");
System.out.println(itemName + "<br>");
}
// RPGのアイテム一覧を再現
import java.util.*;
public class Main {
public static void main(String[] args) {
// 画像用ハッシュ
HashMap<String, String> itemImages = new HashMap<String, String>();
itemImages.put("剣", "http://paiza.jp/learning/images/sword.png");
itemImages.put("盾", "http://paiza.jp/learning/images/shield.png");
itemImages.put("回復薬", "http://paiza.jp/learning/images/potion.png");
itemImages.put("クリスタル", "http://paiza.jp/learning/images/crystal.png");
// アイテムの並び順配列
String[] itemOrders = {"クリスタル", "盾", "剣", "回復薬", "回復薬", "回復薬"};
// アイテム名を取り出す
for (String itemName : itemOrders) {
// 画像ファイル名を取り出す
System.out.println("<img src = '" + itemImages.get(itemName) + "'>");
System.out.println(itemName + "<br>");
}
}
}