学習補助アプリの制作3 〜配列〜

どうも、ちろるちょこ🍫です。

今回も進めているアプリ制作について纏めていきたいと思います！

前回したこと：作りたいアプリのイメージを考えた

今回すること：アプリを形にしていく（実装する）

前回はプログラミングをしようと途中まで作っていたプログラムを立ち上げたところ、「何かエラー出てる。。。」ということで中断しました。

ちなみにこちら↓

調べてみるとエラーじゃなくて警告らしいので放置しても良いらしい？です。

１時間くらい悩んでいたのですが、</div>の位置を間違えてただけで、そこだけ直したら警告が無くなりました。凄い初歩的なミス。。。

ここまでは前回の余談です、、、

今回は考えていたイメージに近づけるようにプログラミングにうつりました。

こちらは前回のイメージ↓（ペイントツールで書いたものです）

今回かいたプログラムの実行結果↓

今回進めたことは

・配列の要素の下に要素数を表示できるようにした

ルビ（ふりがな）の機能を使用しました

・配列に入れた要素を選択できるようにした（ねこはitem[]ですのところ）

しかし、配列のvalueを横に表示したいのですがとってこれなくて機能として未完成。

次回もプログラミングを書こうと思います。

ありがとうございました！