JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<iframe src="http://test.localfeedbackloop.com/api?apiKey=61067f81f8cf7e4a1f673cd230216112&noOfReviews=10&internal=1&yelp=1&google=1&offset=50&threshold=1" id="ws" sandbox="allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-forms" allowTransparency="true" ></iframe>
<button id="get">Get Data</button>

JavaScript

var url = 'http://test.localfeedbackloop.com/api?apiKey=61067f81f8cf7e4a1f673cd230216112&noOfReviews=10&internal=1&yelp=1&google=1&offset=50&threshold=1';
$(document).ready(function(){
    console.log(123154);
    var receiver = document.getElementById('ws').contentWindow;
    receiver.receiveMessage = function(){
        console.log(123);
    }
    receiver.addEventListener('message',receiver.receiveMessage);
    var btn = document.getElementById('get');
    function sendMessage(e) {
        alert(1234);
        e.preventDefault();
        receiver.postMessage('Hello Treehouse!', 'http://test.localfeedbackloop.com');
    }
    btn.addEventListener('click', sendMessage);
})