JSFiddle - React, Tailwind, and code Playground

by qustosh

JavaScript

//open mouth tests
//f1 - face part 1    
//f2 - face part 2
//m - mouth
//d 
//b - button

var f1 = $("<div>").css({
    position:"absolute",
    left:"100px",        
    top:"100px",
    width:"50px",
    height:"50px",
    backgroundColor:"green",
    zIndex:1
});

var f2 = $("<div>").css({
    position:"absolute",
    left:"150px",        
    top:"100px",
    width:"50px",
    height:"50px",
    backgroundColor:"red",
    zIndex:1
});

var mc = $("<div>").css({
    position:"absolute",
    left:"135px",        
    top:"120px",
    width:"30px",
    height:"10px",
    backgroundColor:"black",
    zIndex:2            
})
var b1 = $("<button type='button'>m size</button>");
var $b = $("body");
$b.append(f1);
$b.append(f2);
$b.append(mc);
$b.append(b1);