1
0

イベント操作で画像を表示するようにする。

Posted at

お疲れ様です。

今日は自分で考えたもので、いずれかのラジオボタンを選択すると画像が表示されるというものを実装してみたいと思い、あれやこれやとコードを書いています。

215.png
211.png

ラジオボタンを div で囲わずにcssで justify-content: space-between を書いたらボタンが離れてしまいました…
各ボタンを div で囲って justify-content: space-between を指定するとちゃんとボタンがついてきてくれました。
縦並びだとそんな必要はないかなと思いましたが、均等に間をあけるようにする時には、囲うことが必要なのだなと勉強になりました。
214.png

その後ボタンを作って、JSで addEventListener を使って「選択」の下に画像を表示するように設定しているのですが、エラーが解消できずまだ実装できていません…
エラー内容を確認し、実装するのも勉強だし、コードの1つ1つの確認やスペルミスもないか確認する癖をつけていかなければ。
216.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0