view source/counters-example.rst @ 213:0ea90a1819c2 default tip

Custom theming
author Radomir Dopieralski <radomir.dopieralski@allegro.pl>
date Wed, 27 Jun 2012 16:35:54 +0200
parents 347e10783e7f
children
line wrap: on
line source

Counters example
================

Goal
----

The goal is to create a web page which contains several independent
counters.  Each time a counter is clicked, it is incremented.  Here's
you can `try out a working example <./_downloads/counters.html>`_ of
what's wanted.

Below is the complete code of this example.  To simplify the matter,
it is completely self-contained.  It does not use any library code.

In general library code is a good idea.  This example is designed to
teach you the basics of JavaScript, and not the use of a library.  We
hope that what you learn here will help you choose (and contribute to)
a library.


counters.html
-------------

.. literalinclude:: /examples/counters.html
   :language: html

counters.css
------------

.. literalinclude:: /examples/counters.css
   :language: css

counters.js
-----------

.. literalinclude:: /examples/counters.js
   :language: javascript