JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<a id="Test" href="">Start Test</a><br>
<input id="postMessageReceived" type="text" value="0"><br>
<div id="log"></div>

JavaScript

$(window).on('message', (e) => {
	let resp = e.originalEvent
  $("<div>").append(`Received: ${resp.origin} [${resp.data}]`).appendTo("#log")
  $("<div>").append(`Received flag updated`).appendTo("#log")
  $("<div>").append(`Test End`).appendTo("#log")
})
 
$("#Test").click(function(e) {
  e.preventDefault()  
  $("<div>").append("Start Test").appendTo("#log")

  setTimeout(() => {
    window.postMessage("Test Message!", "*")  
  }, 5000)
});