演習課題「HTMLの箇条書き表示」
右のコードは、HTMLの箇条書きで1から3まで表示するプログラムです。
for inを使って、箇条書きで1から100まで出力するよう修正してください。
プログラムを実行して、正しく出力されれば演習課題クリアです!
期待する出力値
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
...
<li>100</li>
</ul>
※paizaに会員登録すると無料で動画学習コンテンツをご利用いただけます
会員登録する
#05:繰り返しでHTMLを作成する
ここでは、ループ処理の具体例として、HTMLのプルダウンリストを作成します。そして、会員登録の入力フォームで、年齢を1歳から100歳まで選択できるようにしましょう。
<select name='age'>
<option>1才</option>
<option>2才</option>
<option>3才</option>
</select>
for カウンタ変数 in 繰り返す範囲 do # doは省略可能
繰り返し処理
end
このチャプターで作成した、Rubyのコードです。# 年齢入力のプルダウン作成
puts "<select name='age'>"
for age in 1..100
puts "<option>#{age}歳</option>"
end
puts "</select>"
ログインすると採点できます
コードの実行