JSFiddle - React, Tailwind, and code Playground

by PhilQ

JavaScript

var d = `<div id="vhw_qr_overlay" onclick="this.innerHTML=\'\';">
<div style="position:fixed;top:0;bottom:0;left:0;right:0;z-index:270000;background:rgba(0,0,0,0.6);"></div>
<img style="position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-150px;z-index:270001;" src="https://api.qrserver.com/v1/create-qr-code/?data='+encodeURI(location.href)+'&size=300x300&margin=20"/>
</div>`;

document.getElementsByTagName('body')[0].innerHTML = document.getElementsByTagName('body')[0].innerHTML + d;