No.1ベストアンサー
- 回答日時:
最低限のサンプル
<script>
const IDOLS = [
_ {name:"Mingmei", image:"mcrs10.jpg", voice:"mcrs10.mp3"},
_ {name:"Mylene", image:"mcrs71.jpg", voice:"mcrs71.mp3"},
_ {name:"Ranka", image:"mcrsF0.jpg", voice:"mcrsF0.mp3"},
];
function say() {
_ var T = s => document.querySelector(s);
_ var n = Math.random() * IDOLS.length | 0;
_ var idol = IDOLS[n];
_ T('#idol span').textContent = idol.name;
_ T('#idol img').src = idol.image;
_ (e=>{
_ _ e.pause(); e.src = idol.voice; e.currentTime = 0; e.play();
_ })(T('#idol audio'));
}
</script>
<button onclick="say()">say</button>
<section id=idol>
_ <p><span>name</span>
_ <p><img src="nodata.jpg"><audio></audio>
</section>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# このプログラミング誰か教えてくれませんか 1 2022/06/02 15:27
- スピーカー・コンポ・ステレオ Windows10にアップル(iPhone)のマイク付きイヤホンで音声入力できますか? 7 2022/08/04 17:02
- Excel(エクセル) エクセルのデータ整形について 3 2022/11/12 00:27
- Excel(エクセル) excelで検索した商品の画像(ネットワーク上の)を表示させたい。 3 2023/06/28 00:32
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- PowerPoint(パワーポイント) 音声マークを一括非表示にしたい。 3 2022/04/09 21:30
- その他(アニメ・マンガ・特撮) 著作権について アニメのオタ活手帳に貼るために、ワンシーンやキャラクターの立ち絵などを印刷したいです 3 2023/03/07 17:26
- 画像編集・動画編集・音楽編集 YouTubeを録音できるソフトを教えてください。 5 2023/02/12 10:19
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Windows 10 ウィンドウズ10のブートトラブル 2 2022/12/29 19:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
jQuery bxSlider 画像に変更
-
クリッカブルマップの一部分だ...
-
画像をクリックして別の画像を...
-
javaを使ってマウスオンでの画...
-
ランダム表示に加えwidthをブラ...
-
画像にロールオーバーするとメ...
-
プルダウンの位置がwin/macでず...
-
Javascript で共通の処理をどこ...
-
javascriptテキストBOX色を元に...
-
フォームに入力された値により...
-
MAX関数を使ってからLEFT JOIN...
-
自働生成される<div>タグに連番...
-
javascriptでフォーカスを当て...
-
指定したパスが現URLに含まれて...
-
removeAttribute()メソッドで削...
-
CSS <div>の入れ子が反映さ...
-
外部javascriptの重複を防ぐには
-
クリックすると下に説明文が出...
-
YouTubeをブログに貼る時、1つ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
透過pngの透明部分以外をクリッ...
-
1枚の画像をクリックして複数の...
-
ステータスバーについて
-
JavaScript スライドの画像にリ...
-
マウス追従スクリプトについて
-
画面の表示位置を指定させて表...
-
Javascriptで指定した日付と時...
-
プルダウンの位置がwin/macでず...
-
jQueryで特定のURLの時のみ表示
-
オンマウスで、画像切り替え+...
-
バナー広告のように表示させた...
-
ランダム表示に加えwidthをブラ...
-
JavaScriptとチェックボックス...
-
ホォルダの読む込み
-
jQuery bxSlider 画像に変更
-
画像にロールオーバーするとメ...
おすすめ情報
