├── css
└── style.css
├── index.html
└── js
└── index.js
/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: monospace;
3 | font-size: 20px;
4 | text-align: center;
5 | background: black;
6 | color: lime;
7 | margin: 3em;
8 | }
9 |
10 | strong {
11 | text-decoration: underline;
12 | }
13 |
14 | button {
15 | background: lime;
16 | color: black;
17 | border: none;
18 | padding: 10px 15px;
19 | font-size: 1.2em;
20 | font-family: monospace;
21 | font-weight: bold;
22 | }
23 | button:active {
24 | background: green;
25 | }
26 |
27 | .scoreboard {
28 | width: 14em;
29 | margin: auto;
30 | border: 1px solid lime;
31 | }
32 | .scoreboard h2 {
33 | border-bottom: 1px solid lime;
34 | margin: 0;
35 | padding: 10px;
36 | }
37 | .scoreboard table {
38 | margin: 10px auto;
39 | width: 100%;
40 | border-collapse: collapse;
41 | }
42 | .scoreboard th, .scoreboard td {
43 | text-align: center;
44 | }
45 | .scoreboard td {
46 | font-size: 3em;
47 | padding: 0 20px;
48 | }
49 |
50 | #status {
51 | margin-top: 20px;
52 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Rock, Paper, Scissors - CodePen
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | Rock, Paper, or Scissors?
17 |
18 | A steam-powered bot has challenged you to a game. Rock beats scissors, scissors beats paper, and paper beats rock.
19 |
20 |
21 |
Scoreboard
22 |
23 |
24 |
25 | | 0 |
26 | 0 |
27 |
28 |
29 |
30 |
31 | | You |
32 | Bot |
33 |
34 |
35 |
36 |
Choose Wisely
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/js/index.js:
--------------------------------------------------------------------------------
1 | eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('i e=0;i d=0;2.1(\'9\').n=s;2.1(\'b\').n=q;2.1(\'a\').n=u;g s(){c("9")}g q(){c("b")}g u(){c("a")}g c(f){5=r();2.1(\'7\').3="6 o "+f+". v y o "+5+".
";4(f==\'9\'){4(5==\'9\'){2.1(\'7\').3+="6 l. :|
"}8 4(5==\'b\'){2.1(\'7\').3+="6 k. :(
";d++}8 4(5==\'a\'){2.1(\'7\').3+="6 m! :)
";e++}}8 4(f==\'b\'){4(5==\'9\'){2.1(\'7\').3+="6 m! :)
";e++}8 4(5==\'b\'){2.1(\'7\').3+="6 l. :|
"}8 4(5==\'a\'){2.1(\'7\').3+="6 k. :(
";d++}}8 4(f==\'a\'){4(5==\'9\'){2.1(\'7\').3+="6 k. :(
";d++}8 4(5==\'b\'){2.1(\'7\').3+="6 m! :)
";e++}8 4(5==\'a\'){2.1(\'7\').3+="6 l. :|
"}}2.1(\'e\').3=e;2.1(\'d\').3=d}g r(){i j=[\'9\',\'b\',\'a\'];i c=j[t.x(t.z()*j.A)];w c}',37,37,'|getElementById|document|innerHTML|if|computerPlay|You|status|else|rock|scissors|paper|play|computerScore|humanScore|humanPlay|function|strong|var|plays|lose|tied|win|onclick|played||playPaper|getComputerPlay|playRock|Math|playScissors|The|return|floor|bot|random|length'.split('|'),0,{}))
2 |
--------------------------------------------------------------------------------