IT

javascript初心者が簡単な一問一答を作ってみた

一問一答を作る

以前別な記事でgetElementsByClassNameについて学びました。ということで、今回は学んだ知識を応用して一問一答を作ってみました。javascriptを使って初めてそれらしいものが作れたので記事にしてみます。

HTMLは以下のように書きました。

tableを用いて問題分と答えを作り、inputでボタンを作りました。

 

次にjavascript部分です。

最初はうまく挙動しなかったのですが、原因はjavascriptの「var list ~」の置き場所でした。グローバル変数(関数の外で宣言した変数)ではなく、ローカル変数(関数の中で宣言した変数)として記述していたため、動かなかったようです。

※後で確認したのですが、ローカル変数としてもうまく動きました(function show~のあとに記述)。どうやらifの後に書いていたのが悪かったようです。

いわゆるラジオボタンなどを使わない形で一問一答を作りたかったので、個人的には大満足です。シンプルなものでも自分で考えて作ると、写経の何倍も満足感がありますね。また何か作りましょう。

ABOUT ME
てりたま
いつの間にかライターで生きるようになっていた人。真面目半分、不真面目半分で記事を書いてます。