JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<div ng:app="app" ng:controller="gameCtrl">
    <div class="text">	<span class="before">{{text.before}}</span><span class="wrong">{{text.wrong}}</span><span class="next">{{text.next}}</span>

    </div>
    <textarea ng:model="input" ng:disabled="stats.finishTime || cheat"></textarea>
    <div class="stats" ng:hide="cheat" app:timer stats="stats" text="text"></div>
    <div ng:show="cheat" style="color:brown;">Когда вы играете не честно, в мире умирает один кот. =(</div>
    <hr width="300px" align="left" />
    <div style="font-size:12px;color: grey;">Это - клон УГ. Тексты из словаря <a href="http://klavogonki.ru/vocs/74062/">КГ трэш - архив</a>.</div>
</div>

CSS

textarea {
    padding: 2px;
    width: 500px;
    height: 100px;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    resize: none;
}
#stats {
    font-size: 12px;
    line-height: 16px;
}
.text {
    font-size: 16pt;
}
.text .before {
    color: #339933;
    text-decoration: underline;
}
.text .wrong {
    background-color: #993333;
    color: #ffffff;
}

JavaScript

angular.module('app', [])
    .factory('TextRand', function () {
    var array = [
        'Оказывается, Жанна пришла к Х вечером, но он планировал рано встать и отказался заниматься с ней сексом. Она отправилась в ванную, увидела там небольшое яйцо из гранита и засунула его себе во влагалище. А потом, естественно, не смогла вытащить.', 'Мягко, чуть ли не нежно предводитель вонзает нож в женщину, распростертую на алтаре. Делает красный надрез между ее грудей и ведет тонкую линию до волос у нее на лобке. Теперь запах страха становится просто неодолимым: он заглушает и аромат благовонных курений, и вонь от дымящейся плоти.', 'Мы отправились в глубь Азии, поднялись вверх по Тигру, побывали в Пальмире, Дамаске, Смирне, Константинополе, Вене, Дрездене, Москве, Стокгольме, Петербурге, Нью-Йорке, Буэнос-Айресе, Ле Капе, Адене. Затем мы вернулись туда, откуда начиналось наше путешествие.', 'Зои Синцовой в троллейбусе вытащили кошелек с Кинулась она на остановке, побежала за троллейбусом, но поскользнулась, упала. Чулок, конечно, пополз, ногу саднило, и Зоя подумала, что, если б сейчас на нее что-нибудь наехало большое и сразу, ей-богу, это был бы выход.', 'Их удерживали смеющиеся алур мерики, и первая группа уже выстраивалась в очередь для получения удовольствия. Вначале женщин изнасилуют почти до полной потери сознания, а потом разрубят на куски. Подобное всегда наводило должный ужас на только что взятых в плен женщин.', 'Обладателем самого большого члена среди заключенных каторжной тюрьмы Мак-Алестера мог по праву считаться Лэймар Пай. Правда, в этой же тюряге у троих ниггеров члены были еще больше, но поскольку черных вряд ли можно было называть людьми, то, по мнению самого Лэймара, их члены в счет не шли.', 'И сжалилась карма над бедным Рулетом, реально повезло. То есть сначала минут двадцать он всухую протоптался. Народу в сквере было полно, но всё не то, мимо кассы: кто так на травке валялся, кто партнера искал (там, на Плешке, еще и пидоры тусуются).', 'А в...