NHK党より先に、NHKのホームページをプログラミングでぶっ壊してみた。

JavaScriptでNHKのホームページをぶっ壊すプログラムです。

コードは以下の通り。

Array.prototype.slice.call(
   document.querySelectorAll('div,p,span,img,a,body')
).map(function (tag) {
   let m = Math.floor(Math.random() * 3.5) - 1;
   tag.style['transform'] = 'rotate(' + m + 'deg)';
});

let b64Image = 'data:image/png;base64,ベース64に変換した画像';
let b64Hibi = 'data:image/png;base64,ベース64に変換した画像';

let img = document.createElement('img');
img.style.position = 'absolute';
img.style.top = '250px';
img.style.left = '30%';
img.style.zIndex = '10';
img.style.transform = 'scale(5)';
img.src = b64Image;
img.id = 'imgNhk';
document.querySelector('body').appendChild(img);
document.getElementById('imgNhk').animate(
   [
       {
           transform: 'scale(1)'
       }
   ],
   {
       duration: 500,
       easing: 'linear',
       fill: 'forwards'
   }
);

let hibi = document.createElement('img');
hibi.style.position = 'absolute';
hibi.style.top = '150px';
hibi.style.left = '20%';
hibi.style.zIndex = '9';
hibi.src = b64Hibi;
document.querySelector('body').appendChild(hibi);

使用した画像素材は次の２点。

ひび割れたフリー素材（Illustrat ACにて）

立花孝志党首の画像をちょっと加工したもの