-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
113 lines (91 loc) · 4.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<html lang=en>
<head>
<meta charset="utf-8">
<title>Go WebAssembly - Video Poker</title>
<meta name="description" content="Video Poker Game in WebAssembly, Go Programming Language" />
<!-- favicon -->
<link rel="shortcut icon" href="./favicon.ico">
<link rel="icon" href="./favicon.ico?v=1">
<!-- CSS for this page -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body onkeypress="key(event)">
<!-- Javascript glue code -->
<script src="wasm_exec.js"></script>
<script>
wasm_filename = "main.wasm"; // set name of .wasm file
// update status message in browser window
function message(s)
{
document.getElementById("message").textContent = s;
}
function load_wasm()
{
if (!WebAssembly.instantiateStreaming) { // polyfill
WebAssembly.instantiateStreaming = async (resp, importObject) => {
const source = await (await resp).arrayBuffer();
return await WebAssembly.instantiate(source, importObject);
};
}
const go = new Go();
WebAssembly.instantiateStreaming(fetch(wasm_filename), go.importObject)
.then(results => { go.run(results.instance); })
.catch((err) => {
message("Error Loading WebAssembly - " + err);
console.error(err);
// location.reload(true);
});
}
load_wasm()
</script>
<div class="app">
<h2>
<div class="title">
<span>
<span class="videopoker">Video Poker - </span>
<span class="gamename" id="gamename">Jacks or Better</span>
</span>
</div> <!-- title -->
</h2>
<div id="message" class="message">The game is loading. Please wait.</div>
<div class="playingarea">
<div class="cards">
<span class="cards">
<img src="img/nocard.png" draggable="false" ondragstart="return false;" class="card" id="card1" style="" width="100" height="145" onclick="hold1();"/>
<img src="img/nocard.png" draggable="false" ondragstart="return false;" class="card" id="card2" style="" width="100" height="145" onclick="hold2();"/>
<img src="img/nocard.png" draggable="false" ondragstart="return false;" class="card" id="card3" style="" width="100" height="145" onclick="hold3();"/>
<img src="img/nocard.png" draggable="false" ondragstart="return false;" class="card" id="card4" style="" width="100" height="145" onclick="hold4();"/>
<img src="img/nocard.png" draggable="false" ondragstart="return false;" class="card" id="card5" style="" width="100" height="145" onclick="hold5();"/>
</span>
</div>
<div class="drawbutton">
<button class="drawbutton" onclick="deal_or_draw();" id="drawbutton">Deal New Hand</button>
</div>
<!-- Hand Name (on left) ... Score: DDDD (on right) -->
<div class="hand_score">
<div class="hand" id="hand"></div>
<div class="score">
<span class="score_text" id="scoretext">Score:</span>
<span class="score_num" id="score">1000</span>
</div> <!-- class="score" -->
</div> <!-- class="hand_score" -->
</div> <!-- playingarea -->
<!-- changing game is not implemented yet, so the following is hidden by CSS "display: none;" -->
<div class="choosegame" id="choosegame">Choose Game
<div class="games">
<button class="choosegame" onclick="jacks_or_better();" id="JacksOrBetterButton">Jacks or Better</button>
<button class="choosegame" onclick="tens_or_better();" id="TensOrBetterButton">Tens or Better</button>
<button class="choosegame" onclick="all_american();" id="AllAmericanButton">All American</button>
<button class="choosegame" onclick="bonus_poker();" id="BonusPokerButton">Bonus Poker</button>
<button class="choosegame" onclick="double_bonus();" id="DoubleBonusButton">Double Bonus</button>
<button class="choosegame" onclick="double_bonus_bonus();" id="DoubleBonusBonusButton">Double Bonus Bonus</button>
<button class="choosegame" onclick="jacks_or_better95();" id="JacksOrBetter95Button">9/5 Jacks or Better</button>
<button class="choosegame" onclick="jacks_or_better86();" id="JacksOrBetter86Button">8/6 Jacks or Better</button>
<button class="choosegame" onclick="jacks_or_better85();" id="JacksOrBetter85Button">8/5 Jacks or Better</button>
<button class="choosegame" onclick="jacks_or_better75();" id="JacksOrBetter75Button">7/5 Jacks or Better</button>
<button class="choosegame" onclick="jacks_or_better65();" id="JacksOrBetter65Button">6/5 Jacks or Better</button>
</div> <!-- games -->
</div> <!-- choosegame -->
</div> <!-- class="app" -->
</body>
</html>