<div class="section">
  <p class="cR df"><span class="cC">0</span>文字を選択中です</p>
</div>
<div class="section">
  <p>東京とは、日本の関東平野中央部の東京湾に面する世界最大級のメトロポリスであり、日本の事実上の首都である。東京，名古屋，大阪が連携して生まれた東海道メガロポリスの一角も担っている。 元々は江戸幕府の所在地であった江戸が慶応4年7月（1868年9月）に「東京」に名称変更されて始まった都市である。1869年3月28日に、日本の都（みやこ）が京都から「東京」に遷された[1]。その時以来、日本の事実上の首都の役割も担って来た。第二次世界大戦直後の荒廃状態から、日本の歴史を断絶してしまう程に急速な発展を遂げた高度経済成長期以降の日本は、「東アジアの奇跡」と称された。21世紀前半の東京では、約3814万人が暮らし、超高層ビルが密集し、強力な生活インフラ（高密度で安定した交通インフラ，安定した電気供給，高品質な水道，安全なガス供給，高度なIT）に支えられたリーズナブルで高度なサービスが提供され、メトロポリスや世界都市としての機能も果たしているなど、戦前の人々の想像を遥かに超えた発展を遂げている。
    際限なく拡大を続けた東京は、ついには周辺の横浜市やさいたま市や千葉市などとの間の切れ目もほぼ消失し、周辺の都市と融合することで一種の巨大な都市圏を形成し、世界1位の人口とGDPを擁する世界最大のメガシティの中核的な部分ともなっている。この都市圏は東京圏とも総称される。.

  </p>
</div>

.cR {
  font-size: 25px;
}

.cC {
  color: red;
  font-weight: bold;
}

 function biR() {
   document.addEventListener("mousedown", rOS);
   document.addEventListener("mouseup", rOS);
   document.addEventListener("onkeyup", rOS);
   document.addEventListener("onkeydown", rOS);
   document.addEventListener("onkeydown", rOS);
   document.onselectionchange = function() {
     rOS();
   };
 }

 function rOS() {
   var cout, rts, rt;
   c = window.getSelection().toString().length
   rts = document.getElementsByClassName('cR');
   for (var i = 0; i < rts.length; i++) {
     rt = rts[i];

     for (var i = 0; i < rt.childNodes.length; i++) {
       if (rt.childNodes[i].className == "cC") {
         rt.childNodes[i].innerText = c;
       }
     }


     if (c > 0) {
       rt.classList.remove("df");
     } else {
       rt.classList.add("df");
     }
   }
 }

 function stopTest() {
   clearInterval(test);
 }

 biR();