Turn any page into a random chuck norris joke

chuck_norris_jokes.js

(() => {
  const chuckFace = 'http://wallsdesk.com/wp-content/uploads/2016/11/Chuck-Norris-HD.jpg';
  
  const $body = document.body;
  const $div = document.createElement('div');

  $body.innerHTML = '';
  $body.appendChild($div);
  
  Object.assign($div.style, { width: '100%',fontSize: '1.5em', padding:'.5em', color: '#fff', textShadow: '1px 1px 1px #000', textAlign: 'center', backgroundColor: 'rgba(0,0,0,.4)' });
  Object.assign($body.style, { background: `url(${chuckFace}) no-repeat center`, backgroundSize: 'cover', display: 'flex', alignItems: 'center' });

  (async () => {
    const joke = await (async () => await fetch('https://api.chucknorris.io/jokes/random').then(d => d.json()))();
    $div.textContent = joke.value;
  })();
})();
// javascript:(()=>{const b=document.body,c=document.createElement('div');b.innerHTML='',b.appendChild(c),Object.assign(c.style,{width:'100%',fontSize:'1.5em',padding:'.5em',color:'#fff',textShadow:'1px 1px 1px #000',textAlign:'center',backgroundColor:'rgba(0,0,0,.4)'}),Object.assign(b.style,{background:`url(${'http://wallsdesk.com/wp-content/uploads/2016/11/Chuck-Norris-HD.jpg'}) no-repeat center`,backgroundSize:'cover',display:'flex',alignItems:'center'}),(async()=>{const e=await(async()=>await fetch('https://api.chucknorris.io/jokes/random').then(f=>f.json()))();c.textContent=e.value})()})();