Logic gates tutorial with functional demo

Schabse Laks created working logic gates with a clever use of checkbox inputs, labels, and CSS sibling selectors

 

Schabse writes:

Logic gates are the basis of all of computing. They take two binary inputs (0/1 or true/false), and result in a binary output whose value depends on the inputs. These gates form the building blocks upon which all computers are built.

Here are the three basic logic gates: AND (true only when both inputs are true), OR (true when either input is true), and XOR (eXclusive or, true only when exactly one input is true, but not both). Click the inputs (square boxes) to see the outputs reflect the values.

Check it out at silon.slaks.net