JSFiddle - React, Tailwind, and code Playground

by paffffff

HTML

<h2>Метод Дэвида Блэйна <small><b>(upd: версия в 4 строки)</b></small></h2>

<p>Пытался уменьшить код для Excel (тот что в 30 строк), но у меня ничего не получалось! И тут мне позвонил Дэвид...</p><p>Фишки:</p>

<ul>
    <li>Магия</li>
    <li>Код, который исчез</li>
    <li>Новые возможности обфускаций, инъекций и проч.</li>
    <li>Возможности обмена скрытой информацией в открытых источниках</li>
</ul>

<table></table>

<p>П.С. Побочный эффект: вместе с кодом исчез и мой кот!</p>

<img src="http://images2.wikia.nocookie.net/__cb20080721183822/absurdopedia/images/e/e9/Blaine.JPG" alt="Blaine"/>
   
<footer><p>&copy; 21.11.2013 <a href="http://www.nikitak.name">NikitaKA</a><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%;
}

img {
    width: 100%;
    margin: 0 0 20px;   
}

JavaScript

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