A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんなイメージでしょうか。
<button id="back">戻る</button>
<button id="next">次へ</button>
<br>
<button id="modal">ポップアップ</button>
<div id="result"></div>
<script>
const Animals = [
'犬', '猫', 'ハムスター',
],
result = document.getElementById('result');
let count = 0;
document.addEventListener('click',(e)=>{
const btnId = e.target.id;
if(btnId === 'next'){
count += 1;
count %= Animals.length;
}else if(btnId === 'back'){
count += Animals.length - 1;
count %= Animals.length;
}else if(btnId === 'modal'){
const an = Animals[count],
question = `あなたは、${an}が好きですか?`,
text = window.confirm(question)
? `あなたは、${an}が好き`
: `あなたは、${an}が好きではない`;
result.appendChild(document.createTextNode(text));
result.appendChild(document.createElement('br'));
}else{return}
},false);
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) 時間差でのオートクリック 1 2023/04/12 12:04
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- ノートパソコン Windows11型名 FMVWF3A154。 2 2022/11/10 14:31
- docomo(ドコモ) アンドロイド、ワイファイが勝手に切られる 2 2023/07/09 20:28
- マウス・キーボード ロジクールマウス m575を2台以上で使用する方法 m575はUSBレシーバとBluetooth接続 2 2023/07/11 15:33
- 仕事術・業務効率化 頭の切り替えができない 1 2023/03/01 20:50
- プリンタ・スキャナー 「用紙が違う」メッセージが頻発 4 2022/08/22 08:30
- 損害保険 車の保険について 6 2022/11/02 12:07
- Word(ワード) ワードの文字数行数設定をフォーマットにして切り替えたいです 2 2022/05/24 10:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Lunascapeのポップアップブロッ...
-
PDFファイルのパスワードを解除...
-
1ピクセルって何ミリですか?
-
エクセルウィンドウのサイズ変...
-
最近家具などをGoogle検索かけ...
-
右上のX(閉じる)_(縮小)...
-
http://jpg4.us/
-
becky2の本文表示エリアの背景...
-
Googleについてです。 いきなり...
-
リンクをクリックするとダウン...
-
サンダーバードの検索欄が消えた。
-
PDFのツールバー設定
-
Access_Formのデザインビュー画...
-
CD-Rを開く際にパスワードを設...
-
バイナリエディタのstirlingで...
-
Quick TIme Playerで全画面表示...
-
thunderbird の logout
-
ネット検索すればするほどアホ...
-
<エクセル>チャックボックス...
-
firefoxで、ウェブ頁をプリント...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ポップアップの内容を切り替え
-
Lunascapeのポップアップブロッ...
-
PDFファイルのパスワードを解除...
-
1ピクセルって何ミリですか?
-
エクセルウィンドウのサイズ変...
-
最近家具などをGoogle検索かけ...
-
http://jpg4.us/
-
Googleについてです。 いきなり...
-
右上のX(閉じる)_(縮小)...
-
リンクをクリックするとダウン...
-
thunderbird の logout
-
outlookのツールバーが縦になっ...
-
サンダーバードの検索欄が消えた。
-
becky2の本文表示エリアの背景...
-
秀丸の文字サイズ
-
Access_Formのデザインビュー画...
-
Quick TIme Playerで全画面表示...
-
ネット検索すればするほどアホ...
-
Googleツールバー 検索結果ペ...
-
edgeを再起動すると前のセッシ...
おすすめ情報
近いかもしれません!
さらに言えばボタンクリックで表示されている画像が切り替わる、それの画像ではなく文字、またはinput項目の切り替えですね。