html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>FIFA World Cup 2018</title>
</head>
<body>
<div class="c" id="cc">
<div class="cs"><span class="fp k1">winner</span><span class="sp k2">loser</span><div>
<br />
<div class="cs"><input type="button" value="continue" class="bb" onclick="rwe(this);c('A')" /></div>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
body {
padding:0;
margin:0;
}
.c {
margin-top:15px;
padding:1px;
}
.cs {
font-weight:bold;
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.fp {
display:inline-block;
width:130px;
padding:5px;
font-weight:bold;
background-color:green;
color:white;
text-align:center;
}
.sp {
display:inline-block;
width:130px;
padding:5px;
font-weight:bold;
Enter to Rename, Shift+Enter to Preview
js
js
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
var j={
"rankings":{
"Argentina":5,
"Australia":36,
"Belgium":3,
"Brazil":2,
"Colombia":16,
"Costa_Rica":23,
"Croatia":20,
"Denmark":12,
"Egypt":45,
"England":12,
"France":7,
"Germany":1,
"Iceland":22,
"Iran":37,
"Japan":61,
"Korea_Republic":57,
"Mexico":15,
"Morocco":41,
"Nigeria":48,
"Panama":55,
"Peru":11,
"Poland":8,
"Portugal":4,
"Russia":70,
"Saudi_Arabia":67,
"Senegal":27,
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run