JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="content">
    <div class="action-area ch30">
        <button class="button dh" id="watchButton">Start Geolocation Watch</button>
        <button class="button dh" id="refreshButton">Refresh Geolocation</button>
    </div>

JavaScript

$(function () {
    var that = this;
    
    document.getElementById("watchButton").addEventListener("click", function () {
        $(this).fadeOut().fadeIn().fadeOut().fadeIn();
        that._handleWatch.apply(that, arguments);
    }, false);
    
    document.getElementById("refreshButton").addEventListener("click", function () {
        $(this).fadeOut().fadeIn().fadeOut().fadeIn();
        that._handleRefresh.apply(that, arguments);
    }, false);

    $('#watchButton').click();
});