JSFiddle - React, Tailwind, and code Playground

by samdelagarza

HTML

<head>
    <title>GPS-ware Order Form Second Draft</title>
    <style>
        body {
            background-image: url(border.jpg);
            background-position:left;
            background-repeat: repeat-y;
            margin-top:0;
            padding-top:0
        }
        #logo {
            border-bottom-style: solid;
            border-bottom-width:2px;
            border-bottom-color:rgb(223, 125, 76)
        }
        #links {
            color:green;
            font-family:Arial, Helvetica, sans-serif;
            font-size:8pt
        }
        #links a {
            color:black;
            text-decoration:none
        }
        #links a:hover {
            color:black;
            text-decoration:underline
        }
        #prodtable {
            margin:10px
        }
        ;
        td {
            font-size:8pt;
            font-family: Arial, Helvetica, sans-serif
        }
        .numbers, .date {
            text-align:right;
            background-color:lightyellow
        }
        .quantity {
            text-align:right
        }
        .fmlabel {
            color:brown
        }
    </style>
    
</head>
<body>
    <table width="620" cellpadding="0" cellspacing="5">
        <tr>
            <!-- LIST OF LINKS -->
            <td id="links" valign="top" width="100" rowspan="7">
                
<h2>Links</h2>

<a href="#">Home Page</a>
                <br>
<a href="#">Product Catalog</a>
                <br>
<a href="#">Order Form</a>
                <br>
<a href="#">Maps Online</a>
                <br>
<a href="#">Contact Us</a>
                <br>
                <br>
<a href="#">Countries</a>
                <br>
<a href="#">States</a>
                <br>
<a href="#">National Parks</a>
                <br>
<a href="#">Hiking Trails</a>
                <br>
<a href="#">Cities</a>
                <br>
<a href="#">Astronomical</a>
                <br>
<a href="#">Natural</a>
                <br>
                <br>
<a...

JavaScript

function loadform() {
    var Today = new Date("April, 26, 2013");
    var today = new Date();
    document.getElementById('formdate').value = today;

}

function dollars(n) {
    n = eval(n);
    n = Math.round(n * 100) / 100;
    return (n == Math.round(n)) ? n += ".00" : (n * 10 == Math.round(n * 10)) ? n += "0" : n;
}
loadform();