JSFiddle - React, Tailwind, and code Playground

by mharen

HTML

Nothing to see here yet...but you should get some alerts :)

JavaScript

var board = [
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange', bridgeTo: 59 },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Gingerbread Man' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Candy Cane' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow', bridgeTo: 45 },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Gum Drop' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red', loseTurn: true },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Peanut' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
    { color: 'Orange' },
    { color: 'Green' },
    { color: 'Red' },
    { color: 'Purple' },
    { color: 'Yellow' },
    { color: 'Blue' },
 ...