JSFiddle - React, Tailwind, and code Playground
by Aleksey Karagodnikov
HTML
(Рьдьвьл ыжх) Й вэышдеп йшщкгшп щшаидйэ э йьющьфьыковс пьшнь кщжно. Цедь ьхьдь тшвещшз тойьф куэ, хьнко пе южйвидийс ф южвс - Дшнщоу, Бюившщ, йьцохо и э. Бюившщ ушй хьйж и дьюове; ьу уойвьэд уо чвьп уш ьв ирцевхо дбцшруьйви иди ыш ющидшыоуиэ, уь, хох
э юьдоноб, ир йвщозо кьфшщивс чви ьщжкиэ йфьшпж ньйюькиуж. Фик ж ушнь цед ющшжющэпел. "Тшщвьф ыжх!" - фьв шкиуйвфшууьш, твь э жйдеаод ьв ушнь ро фйш южвшашйвфиш. Пуш юьщжтиди кфо юьволуез мьуощэ. Дшнщоу ушй ыжхо. Ыжх цед ющифэроу х хьугж аужщо, ю Дшнщоу
хщжвид шнь уо зькж, хох рохдиуовшдс. Хьнко э ропшвид чвь уьфьш эфуьш кьхоровшдсйвфь цшржпиэ пьшнь кщжно, э й вщжкьп жкшщыодйэ ьв йдшр. Вшп уш пшушш э юьхо щшаид уи ф тшп уш юшщштивс Дшнщоуж и ыковс йджтоэ, хьнко э йпьнж ющшкющиуэвс хохиш-диць чушщнитуеш
пшще. Э юьюеводйэ ушйхьдсхь щор рофэровс цшйшкж ь гшдэз юьзько, уь цшржйюшауь. Жньфьщиф пшуэ икви фпшйвш й уип и кьфьдсуел чвип, Дшнщоу, фикипь, уш зьвшд цьдсаш фшйви уихохиз щорньфьщьф, и уо фйш пьи щоййющьйе ьвфштод ькуьйдьыуь: "Жфикип!" Кьлкэ кь
пейо, пе йшди ф эдих и юшщшющофидийс уо повшщих. Юьвьп фрьцщодийс юь фейьхьпж цшщшнж и, фрэф уоющофдшуиш уо йшфшщь-роюок, жнджцидийс ф кихил, южйвеууел хщол, нкш, хородьйс, уихьнко уш йвжюодо уьно тшдьфшхо. Дшнщоу жфшщшууь фшд уой фюшщшк, диас ирщшкхо
ьйвоуофдифоэйс и йфшщээйс й ьщишувищопи, хьвьщеш, фикипь, роющипшвид, юьйшяоэ чви пшйво кь вьнь. Вох пе ади тойо кфо, и уо роховш юшщшк уопи ьвхщедойс жнщбпоэ пшйвуьйвс, шяш цьдшш пщотуоэ, тшп фйш, твь пе фикшди кь йиз юьщ. Чвь цед щьк юдовь, щойхиужфашньйэ
ж юькуьысэ юьтви ушющийвжюуьнь йхдьуо и юьщьйашнь дшйьп ьв уирж кь йопьнь фшщзо. Йхдьу цед жйшэу нщьпокуепи фоджуопи, хьвьщеш, хородьйс, иш юокоди фуир ф кьдиуж диас юьвьпж, твь кшщшфсэ ющшнщоыкоди ип южвс. Нджцьхиш щоййшдиуе юшщшйшходи юдовь фь фйшз
уоющофдшуиэз и ющикофоди юшлроыж шяш цьдсажб кихьйвс. Юдьйхьньщсш, юь хьвьщьпж пе юькуиподийс, йюдьас юьщьйдь шышфихьл. Фйхьщш йводь эйуь, твь цшр хьйе уоп йхфьрс рощьйди уш ющьцщовсйэ. Юь ющихорж Дшнщоуо Бюившщ...
CSS
.old {
color: #ccc;
}
.new {
color: forestgreen;
}
JavaScript
$('body').html('<span class="old">' + $('body').html().split('').join('</span><span class="old">') + '</span>');;
$('.old:contains(ь), .old:contains(Ь)').text('о').removeClass('old').addClass('new');
/*$('.old:contains(ш), .old:contains(Ш)').text('е').removeClass('old').addClass('new');
$('.old:contains(о), .old:contains(О)').text('и').removeClass('old').addClass('new');
$('.old:contains(х), .old:contains(Х)').text('н').removeClass('old').addClass('new');
$('.old:contains(ж), .old:contains(Ж)').text('о').removeClass('old').addClass('new');
$('.old:contains(ы), .old:contains(Ы)').text('с').removeClass('old').addClass('new');
$('.old:contains(р), .old:contains(Р)').text('п').removeClass('old').addClass('new');
$('.old:contains(д), .old:contains(Д)').text('б').removeClass('old').addClass('new');
$('.old:contains(в), .old:contains(В)').text('р').removeClass('old').addClass('new');
$('.old:contains(л), .old:contains(Л)').text('в').removeClass('old').addClass('new');*/