00:06
神経質やせ男です。 今日のテーマは、押したら変わるJavaScript、ボタンを押すとポップアップが出て、同時にボタンの文字も書き換わる、ミニだけど実用性バッチリな仕掛けです。
流れはシンプル。まずは、シャープボタンというIDのボタンをクエリーセレクターで一つ捕まえる。
次に、アットリベントリスナークリックで、押されたらを監視。
中で、アラート予定突っ込めました、を出して、最後にテキストコンテンツでボタンの文言を内容を書き換えました。
ここでポイント3つ。取ってくるIDとCSSの指定は必ず一致させる。
あってないとヌルでこけます。
関数はアローク関数で読みやすく、短い処理に相性が良いです。
文言変更はユーザーの手応え。
押した結果が見えると体験の質がぐっと上がります。
まずは動く一歩、見える変化が次の学びの燃料です。
以上、JSでポップアップ&ボタン文言を変えるについてまとめました。
次回は閉単語を覚える、単語帳アプリを自作についてお話しする予定です。
ご静聴ありがとうございました。