どうしても onClick に貼った JavaScript のリンクが動いてくれなかったので、どこに問題があるのか迷っていたのですが、ようやく JavaScript が実行されている時に Console を確認することを学習しはじめました。Console を確認した所、以下のように指摘されていました。
Uncaught TypeError: Cannot read property * of undefined at *
結局、 javascript ディレクトリ下の異なったjsファイルに書き込んでいたようです。しかも、中身の理解もおろそかだったので（子要素を取ってくるのだと思うのですが、.children[0].children[0].children[0]とはいったい…なぜ３つ…）、苦労してしまいました。
この記事二万回読んできます。
参考
関数は定義されているが、ページ読み込み時にJavaScriptのエラーで「Uncaught TypeError: undefined is not a function」が出るとき
Uncaught TypeError: Cannot read property ‘ajax’ of undefinedというエラーが表示されたとき
