JSFiddle - React, Tailwind, and code Playground

by ZhenLiu

HTML

<div id="drawing"></div>

JavaScript

var draw = SVG('drawing').size(600,600); 

var border = draw.rect(600,600).fill('white').stroke('black');

var isLit1, isLit2, isLit3,isLit4,isLit5,isLit6,isLit7,isLit8,isLit9; // Booleans
var light1, light2, light3,light4,light5,light6,light7,light8,light9; // Shapes
var feedback; // Text

// set up shapes for the lights
light1=draw.circle(100).stroke('black').center(150,300);
light2=draw.circle(100).stroke('black').center(300,300);
light3=draw.circle(100).stroke('black').center(450,300);