- 1. JavaScript 第5回 addEventListenerのコールバック関数設定で間違えたので
- 2. 【Nuxt3】ログイン状態などに応じて layouts/default.vue 内の表示を変えたいとき
- 3. [redux]redux-persistの使い方
- 4. ESLintのチェックを無効にする方法
- 5. ユーザーの興味関心を取得するGoogle Chrome Topics APIの概要
- 6. JavaScript、jQueryでオセロを作る。その1
- 7. Stripeで日本円以外(外貨)の取引をした際の、為替レートと日本円換算の金額を調べる方法
- 8. plunkerでd3 その13
- 9. JavaScriptのfalsy,trusyな値チェック
- 10. plunkerでd3 その12
- 11. 既存コードをTypeScriptに書き換える
- 12. iframe要素を用いたYoutube動画の埋め込み
- 13. javascriptでCSVのinport,Export
- 14. 【JavaScript】文字数カウント
- 15. Node.jsトラブルシューティング:開発者が直面する10の一般的なエラーとその解決策
- 16. React × TypeScript環境で、ブラウザからazure storageに画像をアップロードする
- 17. 簡易的なwebサーバーを作ろう(node http-server axios)
- 18. JavaScriptとは 入門
- 19. Javascript学習
- 20. ジンドゥーで鍵付きブログができないから、microCMSで近いものを作ってみたい
JavaScript 第5回 addEventListenerのコールバック関数設定で間違えたので
# はじめに
第3回、4回の記事では、addEventListenerメソッドを使用して、ボタン押下時の動作を試してきました。
addEventListenerの構文の一つのaddEventListener(type, listener)において、listener部分は、「イベント発生時に通知を受け取るオブジェクトで、関数。」でしたが、この関数は、コールバック関数と呼ばれます。
今回は、このコールバック関数について、理解したいと思います。
addEventListenerのlistener設定で誤った設定をしてしまい、はまったので記録しておきたいと思います。# 今回実施する内容
コールバック関数を使用して、Hello world!を画面に表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405480/23067031-ec61-8c20-e1fd-34ab9063cc81.png)# ソースコード(Git Hub)
https://github.com/Build-Mo
【Nuxt3】ログイン状態などに応じて layouts/default.vue 内の表示を変えたいとき
Nuxtエアプです。
初記事なので至らない点あると思いますが書いていきます!# やりたいこと
タイトルのままですが、ログイン状態に応じて layouts/default.vue の内容を変えたいです。
具体的には setup script の中で cookie などを用いたログイン関数を呼び、そのレスポンスに応じて login ボタンまたは logout ボタンを表示することを目標とします。簡易的なコード例
“`vue
// template 内
…