Icontem

File: MemoryGame.html

Recommend this page to a friend!
  Classes of Mark Rolich  >  JavaScript Memory Game  >  MemoryGame.html  >  Download  
File: MemoryGame.html
Role: Example script
Content type: text/plain
Description: Demo
Class: JavaScript Memory Game
Manage a memory game board
Author: By
Last change: Add Event.js to master branch
Date: 4 years ago
Size: 2,053 bytes
 

Contents

Class file image Download
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Memory Game</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="raphaelicons/raphaelicons.css" type="text/css">
<link rel="stylesheet" type="text/css" href="MemoryGame.css">
</head>
<body>
<h1>Memory Game</h1>
<p id="game-info">&nbsp;</p>

<ul id="levels">
    <li class="selected"><a href="javascript:" level="0">1</a></li>
    <li><a href="javascript:" level="1">2</a></li>
    <li><a href="javascript:" level="2">3</a></li>
    <li><a href="javascript:" level="3">4</a></li>
    <li><a href="javascript:" level="4">5</a></li>
    <li><a href="javascript:" level="5">6</a></li>
    <li><a href="javascript:" level="6">7</a></li>
    <li><a href="javascript:" level="7">8</a></li>
    <li><a href="javascript:" level="8">9</a></li>
    <li><a href="javascript:" level="9">10</a></li>
</ul>

<div id="playfield-wrapper">&nbsp;<div class="win-text">Win</div></div>

<div class="footer">
<div style="float: left">
<p><span>Developed by</span><a href="https://github.com/mark-rolich/">Mark Rolich</a> &copy; 2013</p>
<p><span>Icons from</span><a href="http://raphaeljs.com/icons/">Raphaƫl Icon-Set</a> by Dmitry Baranovskiy</p>
<p style="overflow: hidden; clear: both"><span>Converted to</span><a href="http://icons.marekventur.de/">webfont</a> by Marek Ventur</p>
</div>
<p style="float: right; text-align: right; margin-right: 20px">Source files at <a href="https://github.com/mark-rolich/MemoryGame.js">Github</a></p>
</div>

<a href="https://github.com/mark-rolich"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>

<script type="text/javascript" src="Event.js"></script>
<script type="text/javascript" src="MemoryGame.js"></script>
<script type="text/javascript">
"use strict";
var evt = new Event(),
    game = new MemoryGame(evt);
</script>

</body>
</html>