JSFiddle - React, Tailwind, and code Playground

by Kyrylo Slatin

HTML

<button type="button" onclick="nyRuta()"> Open</button> 
 <button type="button" onclick="gommaRuta()">Hide</button>
 <button type="button" onclick="show()">Show</button>
<br>
timeout, ms <input id="delay" value="1000">
    <br>

JavaScript

var lillaRutan;
function nyRuta() {  
    lillaRutan = window.open('', '', 'width=200, height=100'); 
    $(document.body).append('nyRuta()<br>');
}

function gommaRuta (){ 
    lillaRutan.blur();
    var delay = parseInt($('#delay').val());
    setTimeout(show, delay); //I have also tried this as an anonymous function
    $(document.body).append('gommaRuta ()<br>');
}

function show (){ 
    lillaRutan.focus();
    $(document.body).append('show()<br>');
}