JSFiddle - React, Tailwind, and code Playground

by ignaciocorreia

HTML

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div id="unykvis-social-share-1">   
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.twitter.com" data-text="demo" data-hashtags="demo">Tweet</a>
    <fb:like href="http://www.facebook.com/digital.inspiration" send="false" 
          layout="button_count" width="220" show_faces="false"></fb:like>
    <g:plusone href="http://www.google.com" id="gdshare-1" size="medium" callback="plusClick" ></g:plusone>       
</div>
<div id="unykvis-social-share-2">   
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.google.com" data-text="demo" data-hashtags="demo">Tweet</a>
   <fb:like href="http://www.facebook.com/digital.inspiration2" send="false" 
          layout="button_count" width="220" show_faces="false"></fb:like>
    <g:plusone href="http://www.google.com" size="medium" id="gdshare-2" callback="plusClick" ></g:plusone>       
</div>

JavaScript

function unkss(y) {
    u = "http://www.google.com";
    u = "<a href=" + u + ">my text here</a>";
    document.getElementById(y).innerHTML = u;
};
window.twttr = (function (d, s, id) {
    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);
    return window.twttr || (t = {
        _e: [],
        ready: function (f) {
            t._e.push(f)
        }
    });
}(document, "script", "twitter-wjs"));
(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
twttr.ready(function (twttr) {
    twttr.events.bind("tweet", function (event) {
        unkss(event.target.parentNode.getAttribute('id'));
    });
});
window.fbAsyncInit = function () {
    FB.init({
        status: true,
        cookie: true,
        xfbml: true
    });
    FB.Event.subscribe('edge.create', function (response, href) {
        console.log(href);
        unkss(href.dom.parentNode.getAttribute('id'));
    });
};

function plusClick(data, href) {
    if (data.state == "on") {
        unkss(this.j.parentNode.getAttribute('id'));
    }
}