![見出し画像](https://assets.st-note.com/production/uploads/images/86686361/rectangle_large_type_2_7be40fc763fdc738e491f5642cf3ad7f.png?width=1200)
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);
使用した画像素材は次の2点。
![](https://assets.st-note.com/img/1662909242992-gpRzvrCZlg.png?width=1200)
![](https://assets.st-note.com/img/1662909242947-5uhNyE7GGP.png)
この記事が気に入ったらサポートをしてみませんか?