JSFiddle - React, Tailwind, and code Playground

by Jens Schyma

HTML

<!-- EBIL Rechner -->
<table>
    <tr class="head_row">
        <td></td>
        <td>Bezeichnung</td>
        <td>&nbsp;</td>
        <td align="right">Feldnr.</td>
        <td align="right">Vorjahreswerte<br/>Stichtag 31.12.2013</td>
        <td align="right">Betrag<br/>Stichtag 31.12.2014</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
    </tr>
        <tr class="zeile v1">
            <td></td><td>gezeichnetes Kapital</td>
            <td></td>
            <td>000100</td>
            <td class="vorgaenger"><input id="id_v_1" value="123.000"/></td>
            <td><input id="id_1" value="100.000"/></td>
            <td><button>D</button><button>N</button><button>K</button></td>
            <td></td>
        </tr>
    <tr class="zeile v2">
            <td></td><td>Kapitalrücklage</td>
            <td></td>
            <td>000200</td>
            <td><input id="id_v_2" value="12.000"/></td>
            <td><input id="id_2" value="11.000"/></td>
            <td><button>D</button><button>N</button><button>K</button></td>
            <td></td>
        </tr>
    <tr class="zeile v1">
            <td></td><td>Gewinnrücklagen</td>
            <td></td>
            <td>000300</td>
            <td><input id="id_v_3" value="1.000"/></td>
            <td><input id="id_3" value="2.000"/></td>
            <td><button>D</button><button>N</button><button>K</button></td>
            <td></td>
        </tr>
    <tr class="zeile v2">
            <td></td><td>Eigene Anteile</td>
            <td></td>
            <td>000400</td>
            <td><input id="id_v_4" value="1.000"/></td>
            <td><input id="id_4" value="2.000"/></td>
            <td><button>D</button><button>N</button><button>K</button></td>
            <td></td>
        </tr>
    <tr class="zeile v1">
            <td></td><td>Sonstiges Haftkapital</td>
            <td></td>
            <td>000500</td>
            <td><input id="id_v_5" value="1.000"/></td>
           ...

CSS

.head_row{
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 10pt;
    background-image:linear-gradient(to top, rgba(246, 246, 246, 1) 0%, rgba(225, 225, 225, 1) 50%);
}
.zeile{
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    
}
.v1{
    background-color: rgba(246, 246, 246, 1);
}
.v2{
    background-color: rgba(225, 225, 225, 1);
}

JavaScript

// EBIL Rechner
-
    }
};
MyRechner();
};
$(document).ready(function(){
    $("#result").text(
      "javascript: ("+toPublish.toString().replace(/(\r\n|\n|\r)/gm,"")+"());"
    );
    toPublish();
});