56 lines
2.2 KiB
HTML
56 lines
2.2 KiB
HTML
<html>
|
|
<head>
|
|
<title>Bingo</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600,700" rel="stylesheet">
|
|
<link rel="stylesheet" href="bingo.css">
|
|
</head>
|
|
<body>
|
|
<h1>Bingo</h1>
|
|
<input type="button" class="gray" id="gameOn" value="Lights On"><br><br>
|
|
<input type="button" class="gray" id="openRegistration" value="Open Registration"><br><br>
|
|
<input type="button" class="gray" id="closeRegistration" value="Close Registration"><br><br>
|
|
<input type="button" class="gray" id="resetGame" value="New Round"><br><br>
|
|
<input type="button" class="gray" id="gameOver" value="Lights Out"><br><br>
|
|
<br>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
<script>
|
|
$('#gameOn').click(function() {
|
|
var event = {
|
|
app: 'bingo',
|
|
type: "gameOn"
|
|
};
|
|
EventBridge.emitWebEvent(JSON.stringify(event));
|
|
});
|
|
$('#openRegistration').click(function() {
|
|
var event = {
|
|
app: 'bingo',
|
|
type: "openRegistration"
|
|
};
|
|
EventBridge.emitWebEvent(JSON.stringify(event));
|
|
});
|
|
$('#closeRegistration').click(function() {
|
|
var event = {
|
|
app: 'bingo',
|
|
type: "closeRegistration"
|
|
};
|
|
EventBridge.emitWebEvent(JSON.stringify(event));
|
|
});
|
|
$('#resetGame').click(function() {
|
|
var event = {
|
|
app: 'bingo',
|
|
type: "resetGame"
|
|
};
|
|
EventBridge.emitWebEvent(JSON.stringify(event));
|
|
});
|
|
$('#gameOver').click(function() {
|
|
var event = {
|
|
app: 'bingo',
|
|
type: "gameOver"
|
|
};
|
|
EventBridge.emitWebEvent(JSON.stringify(event));
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|