【fontbonb】たった2行でWebページを爆破しよう #JavaScript

未来電子テクノロジー株式会社でインターンをしている文系大学一回生です。
JavaScriptで面白い機能が実装できたのでご紹介します。

1.HTMLを適当に書く

<!DOCTYPE html>
<html lang="ja">

  <head>
    <meta charset="utf-8">
    <title>fontbonb</title>
  </head>

  <dody>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
  </dody>

2.javascriptを2行追加する

<!DOCTYPE html>
<html lang="ja">

  <head>
    <meta charset="utf-8">
    <title>fontbonb</title>
    <!-- 1行目を追加　-->
    <script type="text/javascript" src="http://use.typekit.com/qcc5ovd.js"></script>
  </head>

  <dody>
　　 <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <!--2行目を追加 -->
    <p><a href="javascript:(function () {var s = document.createElement('script');s.setAttribute('src', 'http://fontbomb.ilex.ca/js/main.js');document.body.appendChild(s);}());"><strong>Fontbomb</strong></a></p> 
　　</dody>

ポイントは、1行目をheadタグ内に、2行目をbodyタグ内に追加することです。

3.ブラウザで確認

Fontbombと書かれたリンクをクリックした後にもう一度他の場所をクリックすると、文字を爆破できます。

たった2行でストレス発散できるのでコスパは最高です。
暇な方はぜひ試してみてはいかかでしょうか？