プログラミング行為の言語化が難しい

今日はJavaScriptを使って自分の英語学習用のツールを作っていました。
用途としては以下。

・単語帳で間違えた単語を復習するのに使う
・間違えた英文を一覧表示し、英文をクリックすると日本語訳が出てくる仕様。

一応上記の仕様は作れたのですが、ここでいくつか困難にぶちあたっています。
まずクリックすると日本語が出てくるのは、jQueryとJavaScriptを使えば実装できたのだけど、それを再度クリックして英文に直す方法がなかなかわからない…。
また、いま各英文にそれぞれidを付与してon click機能を1つずつつけているのだけど、英文が増えるほどid増えてコード汚くなるしいちいちon clickまた書くのも面倒くさい…。(いやコピペですむ話なんだけども)

で、それをどうにか綺麗に書く方法ないかと思って調べたいんだけど、なんて調べたら自分が欲しい情報が出てくるのかわからず…。
idに関しても、on clickって書き方(たぶん)複数あるから、自分が書いたやり方で、元に戻す方法を調べなきゃいけず、、、、欲しい情報にアクセスできない!

初学者がはじめにぶち当たる壁ってここだろうなあ。たぶんある事象についての専門用語とかあるだろうから、それで調べたら一発でわかりそうなのに…。そこまで辿りつかない…。

この記事が気に入ったらサポートをしてみませんか?