JSFiddle - React, Tailwind, and code Playground

by techunter

HTML

<div>some html</div>

CSS

/* some CSS */

JavaScript

function someFunction() {
    //do something
}

function cancelProject() {
    window.location = 'admin.php';
}

/** ########## DOCUMENT.ready ############### **/
$(document).ready(function (e) {
    alert("document is ready");
    $('#topBarWrapper').hover(function () {
        $('#topBarDropDown').stop();
        $('#topBarDropDown').animate({
            top: '-30px'
        });
    }, function () {
        $('#topBarDropDown').stop();
        $('#topBarDropDown').animate({
            top: '-60px'
        });
    });

    $('#deleteProjectBtn').click(deleteProject);
    $('#cancelProjectBtn').click(cancelProject);

    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd"
    });


    var myCompSelector = document.getElementById('fcompanySelection');
    myCompSelector.selectedIndex = parseInt( /*<?= $project['companyID'] ?>*/'1' ) - 1;

    var myCatSelector = document.getElementById('category');
    myCatSelector.selectedIndex = parseInt( /*<?= $project['categoryID'] ?>*/'1' ) - 1;
});