Onclick を使用する代わりに何をすべきですか?そして位置を修正する方法

Question

質問が2つあります

＃＃＃１： 私はコーディングの初心者なので、他の人にコードを見せたところ、onclick を使用しないでくださいと言われましたが、他のものに書き換える方法がわかりません。

＃＃＃２： 初めてコードを起動するか更新するときに、「Borderlands」ボタンをクリックするとサブボタン「Borderlands#2」が表示されます。最初に表示されたときは希望よりも低く表示されますが、もう一度クリックすると、2 回目に表示されます。表示されます。その位置はまさに私が望んでいる場所です

https://codepen.io/MutantCreator/pen/xxQEeBJ?editors=1000 `

リーリー `

Answer 1

onclick を置き換えたいという質問の一部はわかります。たとえば、onclick

を使用する代わりに、ボタンにイベント リスナーを追加できます。 リーリー

イベント リスナーとは、何らかのイベントが発生するまでボタンがリッスンすることを意味します。 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget /addEventListener にアクセスできます。
ulを追加すると、質問

に答えられるようです

ただし、初心者の場合は、まず JavaScript についてさらに学ぶ必要があります。2 番目の質問については、聞きたいことがわかりませんでした。説明していただけますか?