52 lines
1.5 KiB
HTML
52 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
|
<title>Volleyball Team Randomizer</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<h1>Please select the number of teams:</h1>
|
|
|
|
|
|
<label class="radioButtons" for="twoTeams">
|
|
<input class="radioButtons" type="radio" name="teams" id="twoTeams" checked="checked">
|
|
Two teams
|
|
</label>
|
|
|
|
|
|
<label class="radioButtons" for="threeTeams">
|
|
<input class="radioButtons" type="radio" name="teams" id="threeTeams">
|
|
Three teams
|
|
</label>
|
|
|
|
<label class="radioButtons" for="nTeams">
|
|
<input class="radioButtons" type="radio" name="teams" id="nTeams">
|
|
n Teams
|
|
|
|
</label>
|
|
<input id="nTeamsTextField" style="display: none;" type="number" value=4>
|
|
|
|
<br>
|
|
<h1>Enter player names (each row represents one player)</h1>
|
|
<textarea rows="18" cols="30" name="playerNames" required="required" id="playerNames"></textarea>
|
|
|
|
<br>
|
|
<button id="generateTeams" onclick="randomizeTeams()">Generate Teams</button>
|
|
|
|
|
|
<p id="teamOutput"></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</body></html>
|