# Playing With Matches

We'll be making some web pages with HTML, CSS, and JavaScript. Have a quick look at [the web triangle](./web-triangle.md) for some information about the structure of web pages.

* Show a number.
* Show a random number on page load.
* Show three different random numbers on page load.
* Show a message when two or more random numbers match.
* [Publish your code to the web](./publish-your-code-to-the-web.md).
* Add a button that shows a new set of random numbers.
* Show three rows of random numbers, with a button controlling each row.
* Show a message when two or more numbers on the same row match.
* Use just one button to control all the rows.
* [Republish your work to the web](./republish-your-work-to-the-web.md).
* Show a message when two or more numbers on the same row or column match.
* Show a message when two or more numbers on the same row, column, or diagonal match.

# Playing With Matches :fire:

We'll be making some web pages with HTML, CSS, and JavaScript. Have a quick look at [the web triangle](./web-triangle.md) for some information about the structure of web pages.

Step by step, we're going to build up a page that shows a series of random numbers, checks for matches, and shows a message, like this:

![matches](https://cloud.githubusercontent.com/assets/1239497/12511823/109de326-c11d-11e5-9986-7e6f8ed994d0.jpg)

Work your work through these steps.
* Show a random number on page load.
* Show three different random numbers on page load.
* Show a message when two or more random numbers match.
* [Publish your code to the web](./publish-your-code-to-the-web.md).
* Add a button that shows a new set of random numbers.
* Show three rows of random numbers, with a button controlling each row.
* Show a message when two or more numbers on the same row match.
* Use just one button to control all the rows.
* [Republish your work to the web](./republish-your-work-to-the-web.md).
* Show a message when two or more numbers on the same row or column match.
* Show a message when two or more numbers on the same row, column, or diagonal match.

Add pic and explanation of goal
Add pic and explanation of goal