CodeSandbox プレビュー

<ヘッド> CodeSandbox プレビュー <メタ文字セット="UTF-8" /> <リンク href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="スタイルシート" /> <スタイル> ：根 { --タイトル: #000; --本文: #1A1A1A; --bg: #fff; --リンク: #653ffd; } @media (優先カラースキーム: 暗い) { ：根 { --タイトル: #e5e5e5; --本文: #E6E6E6; --bg: #0f0e0e; --リンク: #edffa5; } } html、本文{ マージン: 0; パディング: 0; オーバーフロー: 非表示; } * { -webkit-font-smoothing: アンチエイリアス; -moz-osx-font-smoothing: グレースケール; } 体 { フォントファミリ:Inter、-apple-system、'system-ui'、'Segoe UI'、Roboto、Oxygen-Sans、Ubuntu; 背景色: var(--bg); 色: var(--body); 行の高さ: 1.25rem; } 。容器 { ディスプレイ:フレックス; アイテムを中央揃えにします。コンテンツを中央揃えにする; 高さ:100vh; flex-direction:column; 行の高さ: 1.4; 最大幅: 500px; マージン: 0 自動; アニメーション: 0.8 秒の ease-in-out を入力します。 } 。タイトル { テキスト配置:中央; フォントサイズ: 1.5rem; パディング: 20px 10px; } 。説明 { 不透明度: 0.8; テキスト配置:中央; 最大幅:65ch; 色:var(--body); 最小幅:200px; 最大幅:300px; パディング: 12px; } .コンテナ回答{ ディスプレイ: フレックス; flex-direction: 行; パディング: 10px; } a.btn-回答 { マージン: 20px; 色: var(--link); テキスト装飾: なし; テキスト配置: 中央; } a.btn-answer:hover { テキスト装飾: 下線; } <本文>

CodeSandbox プレビューを開いています。続行しますか?

https://pmt6c8-8080.csb.app/

はい、プレビューに進みますいいえ、この URL は信頼できません

<スクリプト> const btnAnswerYes = document.getElementById('btn-answer-yes'); btnAnswerYes.addEventListener('click', () => { document.cookie = "csb_is_trusted=true; パス=/; セキュア; SameSite=なし; パーティション化; 有効期限=2026年3月3日(火) 10:10:16 GMT"; window.location.href="https://pmt6c8-8080.csb.app/"; });