Pi Demo

Demo 1

Basic concept

class output

Span output:


Demo 2

2 inputs, 1 output

class output

Span output:


Demo 3

1 input, 2 outputs

class output

class output


Demo 4

Slider input
1.00

class output


Demo 5

Room area calc with 2 sliders
1.00m
1.00m

Area: SqM


Demo 6

Pi as an input to another Pi
Room info:
1.00m
1.00m
2.40m

Wall area: SqM

Paint info:
10.00SqM
1.00
1.00l

Results:

Cans required:


Demo 6b

A bit of JS Math

Cans required:


Demo 6c

Reducing the Pi's

Cans required:


Demo 7

Functions

class output


Demo 8

Day of Birth Calc
My Image

Where:

  • h is the day of the week (0 = Saturday, 1 = Sunday, 2 = Monday, ..., 6 = Friday)
  • q is the day of the month
  • m is the month (3 = March, 4 = April, 5 = May, ..., 14 = February)
  • K the year of the century ().
  • J is the zero-based century (actually ) For example, the zero-based centuries for 1995 and 2000 are 19 and 20 respectively (to not be confused with the common ordinal century enumeration which indicates 20th for both cases).

Born on a

class output


Demo 9

Colour via CSS
0.00
100.00
50.00

HSL:

RGB:

HEX:


Demo 10

Selectbox and Check boxes
1.00

class output