JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<div id="content"></div>
<form id="form">
    <textarea id="textarea"></textarea>
    <input type="submit"/>
</form>

JavaScript

var form = document.getElementById('form');
var content = document.getElementById('content');
var textarea = document.getElementById('textarea');

form.addEventListener('submit', sendMessageToParent, false);
window.addEventListener("message", receiveMessage, false);

function sendMessageToParent(e) {
    e.preventDefault();
    
    parent.postMessage(textarea.value, "*");
}


function receiveMessage(e) {
    if (parent !== e.source) {
        alert('not parent');
        return;
    }    
    
    content.textContent = e.data;    
}