JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div>
    <select id="month" onchange="monthChanged(this.value)"></select>
    <select id="date"></select>
    <select id="year" onchange="yearChanged(this.value)"></select>
    <input type="button" onclick="calculate()" value="Calculate" />
    <div id="box"></div>
</div>
<script>
    function calculate(){
        var cur_date = new Date();
        var year = document.getElementById("year").value;
        var month = document.getElementById("month").value;
        var date = document.getElementById("date").value;
        var birthDate = new Date(year,month,date);
        var diff = cur_date.valueOf() - birthDate.valueOf();
        var birthYears = diff/(1000*60*60*24*365);
        var birthMonths = diff/(1000*60*60*24*30);
        var birthWeeks = diff/(1000*60*60*24*7);
        var birthDays = diff/(1000*60*60*24);
        var birthHours = diff/(1000*60*60);
        var birthMinutes = diff/(1000*60);
        var birthSecs = diff/(1000);
    str = "You are "+birthYears+" years old...<br /> or "+birthMonths+" months old<br />or "+birthWeeks+" weeks old <br /> or "+birthDays+" days old<br />or "+birthHours+" hours old<br />or "+birthMinutes+" minutes old<br /> or "+birthSecs+" seconds old";
        document.getElementById("box").innerHTML = str;
    }
    mon_names = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    mon_days = [31,28,31,30,31,30,31,31,30,31,30,31];
    getYearHTML();
    getDateHTML(31);
    getMonthHTML();
    function getYearHTML(){
        var str = "";
        for(i=1960;i<2031;i++){
            str += "<option value="+i+">"+i+"</option>";
        }
        document.getElementById("year").innerHTML = str;
    }

    function getDateHTML(n){
        var str = "";
        for(i=1;i<=n;i++){
            str += "<option value="+i+">"+i+"</option>";
        }
        document.getElementById("date").innerHTML = str;
    }

    function getMonthHTML(){
        var str =...