JSFiddle - React, Tailwind, and code Playground
HTML
<div class=first> </div>
<div class=second></div>
<p>ноль — один</p>
<p>один — два</p>
<p>два — четыре</p>
<p>три — восемь</p>
<p>четыре — шестнадцать</p>
<p>пять — тридцать два</p>
<p>шесть — шестьдесят четыре</p>
<p>семь — сто двадцать восемь</p>
<p>восемь — двести пятьдесят шесть</p>
<p>девять — пятьсот двенадцать</p>
<p>десять — одна тысяча двадцать четыре</p>
<p>одиннадцать — две тысячи сорок восемь</p>
<p>двенадцать — четыре тысячи девяносто шесть</p>
<p>тринадцать — восемь тысяч сто девяносто два</p>
<p>четырнадцать — шестнадцать тысяч триста восемьдесят четыре</p>
<p>пятнадцать — тридцать три тысячи семьсот шестьдесят восемь</p>
<p>шестнадцать — шестьдесят шесть тысяч пятьсот тридцать шесть</p>
<p>семнадцать — сто тридцать одна тысяча семьдесят два</p>
<p>восемнадцать — двести шестьдесят две тысячи сто сорок четыре</p>
<p>девятнадцать — пятьсот двадцать четыре тысячи двести восемьдесят восемь</p>
<p>двадцать — один миллион сорок девять тысяч пятьсот семьдесят шесть</p>
<p>двадцать один — два миллиона девяносто семь тысяч сто пятьдесят два</p>
<p>двадцать два — четыре миллиона сто девяносто четыре тысячи триста четыре</p>
<p>двадцать три — восемь миллионов триста восемьдесят девять тысяч шестьсот восемь</p>
<p>двадцать четыре — семнадцать миллионов семьсот семьдесят семь тысяч двести шестнадцать</p>
<p>двадцать пять — тридцать четыре миллиона пятьсот пятьдесят четыре тысячи четыреста тридцать два</p>
<p>двадцать шесть — шестьдесят семь миллионов сто девять тысяч восемьсот шестьдесят четыре</p>
<p>двадцать семь — сто тридцать четыре миллиона двести восемнадцать тысяч семьсот двадцать восемь</p>
<p>двадцать восемь — двести шестьдесят восемь миллионов четыреста тридцать пять тысяч четыреста пятьдесят шесть</p>
<p>двадцать девять — пятьсот тридцать семь миллионов восемьсот семьдесят одна тысяча девятьсот двенадцать</p>
<p>тридцать — один миллиард семьдесят четыре миллиона семьсот сорок две тысячи восемьсот двадцать четыре</p>
<p>тридцать один — два миллиарда...
CSS
body {
margin: 30px;
font-family: sans-serif;
}
div {
color: red;
user-select: none;
-webkit-user-select: none;
overflow: hidden;
}
.first {
height: 25px;
}
.second {
height: 65px;
}
JavaScript
var checkEnabled = true,
previous = '';
document.onselectionchange = function (){
var selection = getSelection ().toString ();
if (!checkEnabled || previous != selection){
document.querySelector ('.first').textContent = +new Date;
document.querySelector ('.second').textContent = selection;
}
};