JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src="http://www.rich-harris.co.uk/ramjet/ramjet.js"></script>
<button>go</button>

<div style='background: green; width: 100px; height: 200px;'></div>

<svg>
    <rect x='100' y='100' width='200' height='100' fill='red'></rect>
</svg>

JavaScript

var reverse = false;

var div = document.querySelector( 'div' );
var rect = document.querySelector( 'rect' );

document.querySelector( 'button' ).addEventListener( 'click', function () {
    var from = reverse ? rect : div;
    var to = reverse ? div : rect;
    
    ramjet.transform( from, to );
});