ホスト側
問題の出題（音楽の再生）
ゲスト側
ボタンの早押し。
音楽の再生（ホスト）
→班選択・早押しボタンを押す（ゲスト）
→曲が止まる
→どの版が早く押したのか見れる（ホスト）
→答えてもらう
→順番のリセットボタン（ホスト・ゲスト）
※コレの繰り返し
１番目：音楽の再生
必要な要素
・再生ボタン
・答え（csvから読み込む）隠すのか（zoomに画面共有？）答
・問題の切り替え
・ジャンル
２番目：班選択・早押しボタンを押す（まあまあ完成）
時間があれば細かいところを直す
３番目：曲が止まる
早押しボタンを押したら、
<!DOCTYPE html>
<html>
<head>
<title>カンマ区切りの先頭を取るシステム</title>
</head>
<body>
<input type="text" id="inputText" placeholder="カンマ区切りの文字列を入力">
<button onclick="getFirstElement()">先頭を取得</button>
<p id="result"></p>
<script>
function getFirstElement() {
const inputText = document.getElementById("inputText").value.trim();
if (inputText === "") {
document.getElementById("result").innerText = "文字列を入力してください。";
return;
}
const elements = inputText.split(",");
const firstElement = elements[0].trim();
document.getElementById("result").innerText = "先頭の要素: " + firstElement;
}
</script>
</body>
</html>
