<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>crient</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<form><br><br>
<h1>Client</h1><br>
<div>
<h3>名前を入力してください</h3>
<input type="text" id="name" class="name" size="30" maxlength="70" placeholder="name"><br>
<div>
<br><br><label for="pet-select">チームを選択してください :</label>
<select name="team" id="team">
<option value="">-- 班 --</option>
<option value="1">1班</option>
<option value="2">2班</option>
<option value="3">3班</option>
<option value="4">4班</option>
<option value="5">5班</option>
<option value="6">6班</option>
</select>
<button type="button" id="toggleButton" onclick="toggleInput()">入力完了</button>
<button type="button" id="socket_button" class="button" onclick="Kettei()">決定</button>
</div><br><br><br><br><br><br><br><br><br><br>
<div>
<button class="button">再接続</button>
</div><br><br>
<div>
<button type="button" id="quick_button" class="button">早押しボタン</button>
<p id="text"></p>
</div>
</form>
</div>
<script>
var music1 = new Audio('music/piro.mp3');
function Kettei() {
music1.play();
console.log("決定")
}
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
