1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < title > 2048 Game</ title >
8
+ < link href ="https://fonts.googleapis.com/css?family=Londrina+Outline|Sniglet " rel ="stylesheet ">
9
+ < link rel ="stylesheet " href ="styles.css " type ="text/css ">
10
+ </ head >
11
+ < body >
12
+ < div id ="container ">
13
+ < div id ="splash " class ="screen ">
14
+ < h1 > 20< span class ="char1 "> 4</ span > < span class ="char2 "> 8</ span > </ h1 >
15
+ < button id ="start " onclick ="start() "> new game</ button >
16
+ </ div >
17
+ < div id ="pause " class ="screen ">
18
+ < h1 > Paused</ h1 >
19
+ < button onclick ="reset() "> reset</ button >
20
+ < button onclick ="resume() "> continue</ button >
21
+ </ div >
22
+ < div id ="end " class ="screen "> end</ div >
23
+ < div id ="game " class ="screen ">
24
+ < h1 > 2048</ h1 >
25
+ < div id ="info "> Score:
26
+ < span id ="score "> </ span >
27
+ < button type ="button " id ="pausebtn " onclick ="pause() "> pause</ button >
28
+ </ div >
29
+ < div id ="gamearea ">
30
+ < div class ="element "> </ div >
31
+ < div class ="element "> </ div >
32
+ < div class ="element "> </ div >
33
+ < div class ="element "> </ div >
34
+ < div class ="element "> </ div >
35
+ < div class ="element "> </ div >
36
+ < div class ="element "> </ div >
37
+ < div class ="element "> </ div >
38
+ < div class ="element "> </ div >
39
+ < div class ="element "> </ div >
40
+ < div class ="element "> </ div >
41
+ < div class ="element "> </ div >
42
+ < div class ="element "> </ div >
43
+ < div class ="element "> </ div >
44
+ < div class ="element "> </ div >
45
+ < div class ="element "> </ div >
46
+ </ div >
47
+ </ div >
48
+ </ div >
49
+ < div id ="control ">
50
+ < h2 > Control</ h2 >
51
+ < button onclick ="left() "> left</ button >
52
+ < button onclick ="up() "> up</ button >
53
+ < button onclick ="down() "> down</ button >
54
+ < button onclick ="right() "> right</ button >
55
+ </ div >
56
+ < p > You can also use Arrow keys!</ p >
57
+ < script src ="script.js "> </ script >
58
+ </ body >
59
+ </ html >
0 commit comments