エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ページのリロードも必要なし!codepenを元の状態に戻したいときの裏ワザ、教えます | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ページのリロードも必要なし!codepenを元の状態に戻したいときの裏ワザ、教えます | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
この、毛を抜いた後に出てくる「もう一回抜く」のボタンで実装しています。 コード それではコードの一... この、毛を抜いた後に出てくる「もう一回抜く」のボタンで実装しています。 コード それではコードの一部を抜粋して、紹介します。 // codepenをリセット document.querySelector('#js-btn').addEventListener('click', () => { history.go(0); }); このhistory.go(0);がその部分です。 これはhistory APIの持つ「go」というメソッドで、引数に数字を渡すと、その数字分ブラウザの履歴を戻すメソッドです。 0を入れると、今見ているページに戻ることになるので、結果リセットされるというわけです。 1行で書けてとてもお手軽ですね! まとめ いかがでしたか? codepenで書いているときに「これどう実装するんだ……?」と思ってググってみたら、いろいろと使えそうだったのでご紹介させていただきました!