福野泰介の一日一創

JavaScriptで便利なalertですが、デザインはブラウザ任せになってしまうので、ちょっとオシャレさが足りません。 E2Eテスト時のスクリーンキャプチャーに写らないのも不便ですね。

そんな時も拡張タグ！popup-alertタグを作りました

「popup-alert demo」
JavaScriptで、簡単に使えます！
btn.onclick = () => PopupAlert.show("はろー"); プログラム中でユーザーからのメッセージ確認を待って欲しい時は async/await を使います。 btn.onclick = async () => { console.log("確認前です"); await PopupAlert.show("確認してね"); console.log("確認済み！"); }; デザインは、popup-alert.css として切り出しているので、色やフォントなど、お好きなテイストにカスタマイズしてご利用ください。

popup-confirm, popup-prompt も欲しいところですね！

関連拡張タグ
「サイト表示時に全面表示するお知らせ記述タグ popup-message」

Let's create web apps!