JSFiddle - React, Tailwind, and code Playground

by harshavarma

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/amplifyjs/1.1.0/amplify.min.js"></script>
<button id="amp">Amplify Event</button>
<p id="param1"></p><p id="param2"></p>

CSS

body {
    font-family: "Calibri",sans-serif;
}

JavaScript

$(function() {
    $('#amp').click(function() {
        amplify.publish('amplifyEvent','Hello World');
    });
    
    amplify.subscribe('amplifyEvent',function(param1) {
        $('#param1').text('First subscribe event: '+param1);
    });
    
    amplify.subscribe('amplifyEvent',function(param2) {
        $('#param2').text('Second subscribe event: '+param2);
    });
});