JSFiddle - React, Tailwind, and code Playground

by ZhenLiu

HTML

<div id="SimpleHouse"></div>

JavaScript

var draw = SVG('output').size(2000,1000); 


function interface(facex, facey, c1, c2) {

  var background = draw.rect(300, 500).radius(10).fill(c1).stroke({width: 2}).move(facex, facey);

  
  var brand = draw.rect(150, 80).fill('white').stroke({width: 2}).move(facex + 75, facey + 85);


  var Button = draw.circle(100).fill(c2).stroke({width: 2}).move(facex +105, facey + 235);

  
  var brandText = draw.text("DressIng\n").move(facex+120,facey+120);
  var startText = draw.text("START\n").move(facex+130,facey+275).on('click', interface2);
  }