JSFiddle - React, Tailwind, and code Playground

by mrengy

HTML

<head>
    
</head>
<body>
    <div id="random-message">This is the random messsage</div>
    <div id="tweet-like">
        <a class="twitter-share-button">Tweet</a>
    </div>
</body>

JavaScript

$(document).ready(function(){
    var stat = $('#random-message').text();
    stat = jQuery.trim(stat);
    //set tweet button data text
    $('a.twitter-share-button').attr('data-text',stat);
    
    //set facebook Open Graph description
    $('head').append('<meta property="og:description" content="'+stat+'"/>');
    
    //insert twitter API Script - problematic
    $('#tweet-like').append('<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>');
    
});