JSFiddle - React, Tailwind, and code Playground

by emepyc

HTML

<script src="http://www.reactome.org/DiagramJs/diagram/diagram.nocache.js"></script>
<button onclick="restart()">Restart</button>

<div id="container">
</div>

JavaScript

var count = 1;



function start() {
    console.log(count);
    pathwayDiagram = Reactome.Diagram.create ({
        "proxyPrefix" : "//www.reactome.org",
        "placeHolder": "mydiv" + count,
        "width": 700,
        "height": 500,
    });
    // pathwayDiagram.loadDiagram("R-HSA-69473");
}

var restart = function() {
    console.log("Restarting...");
    var mydiv = document.getElementById("mydiv" + count);

    //count = count+1;
    var newDiv = document.createElement("div");
    newDiv.id = "mydiv" + count;
    document.getElementById("container").appendChild(newDiv);

    start();

    if (mydiv) {
        mydiv.parentElement.removeChild(mydiv);
    }

}