•••• P5JS Workbook ••••

Webcolors

← ↑ →

Assignment

Load and typeset the webcolors.tsv table as <table> element instead of the regular HTML canvas. Make sure to create an extra column on the left with swatches matching the hexCode values. Use the right semantics for table header and table body, here you can find a good introduction.

Skills

Booleans, Colors, Comparison Operators, Conditional Construct, DOM Controls, For Loops, for of, Table Data, Table Data, Typography

Resources

(↷) Exercise Solution

(↷) Web Colors Table (.tsv)

(↗) attribute()

(↗) createElement()

(↗) if...else

(↗) loadTable()

(↗) noCanvas()

(↗) Strict inequality (!==)

(↗) Table element (css-tricks)