DEV Community

Cover image for console.fun() or how to mess up the DOM
jan paul
jan paul

Posted on

console.fun() or how to mess up the DOM

I stumbled upon this little gem in the vue-land #random channel and it made me smile. Posted by xan#2554.

Thought maybe it can make you smile too and decided to share it to you. Have fun.

Instructions

  1. copy script
  2. visit your most preferred website -- ..most likely dev.to 😜
  3. open console
  4. paste script and press enter
(function funnyFunction() {
  var screenwidth = window.innerWidth;
  var screenheight = window.innerHeight;
  document.querySelectorAll('body *').forEach(function(node) {
    randT = Math.floor(Math.random() * screenheight);
    randL = Math.floor(Math.random() * screenwidth);
    node.setAttribute('style', 'transition-duration:500ms; transition-property: left, top; position: fixed; top:'+randT+'px; left:'+randL+'px');
  });
  setInterval(funnyFunction, 500);
})();
Enter fullscreen mode Exit fullscreen mode

Be honest to yourself, did you knew what will happen?

cheers

Discussion (0)