JSFiddle - React, Tailwind, and code Playground

by Nikita K

HTML

<img src="http://images2.wikia.nocookie.net/__cb20080721183822/absurdopedia/images/e/e9/Blaine.JPG" alt="Blaine" style="float: right; width: 150px;"/>
<h2>Метод Девида Блэйна</h2>

<p>Под вдохновением от недели ненормального программирования на Habrahabr.</p><p>Фишки:</p>

<ul>
    <li>Магия</li>
    <li>5 строчек кода (для круглого числа, а вообще можно и 4 сделать)</li>
    <li>Код, которого нет (на самом деле есть)</li>
    <li>Открываются поистине огромные возможности обфускаций, инъекций и проч.</li>
</ul>

<p>П.С. Код не претендует на оптимальность, цель данного примера показать саму идею и ее реализацию.</p>

<table></table>
    
<footer><p>&copy; 2013 NikitaKA<br/><br/>Автор <a href="http://jsfiddle.net/zag2art/b3pbw/4/">оригинального кода Excel в 30 строк</a>: <a href="http://ondras.zarovi.cz/">Ondřej Žára</a></p></footer>

CSS

li {
    list-style: none;
}
li:before {
    content: "✓ ";
}

input {
    border: none;
    width: 80px;
    font-size: 14px;
    padding: 2px;
}

input:hover {
    background-color: #eee;
}

input:focus {
    background-color: #ccf;
}

input:not(:focus) {
    text-align: right;
}

table {
    border-collapse: collapse;  
}

td {
    border: 1px solid #999;
    padding: 0;
}

tr:first-child td, td:first-child {
    background-color: #ccc;
    padding: 1px 3px;
    font-weight: bold;
    text-align: center;
}

footer {
    font-size: 80%;
}

JavaScript

// строка 1, крутой магический код Excel
var excel2js =...