Search code examples
javascriptreddit

How can I successfully add a new button to the top bar of Reddit new layout

I'm trying to create a user script to add a new button to the new Reddit design so I can return to the old layout easily. The new button goes somewhere around here.

This is my simple code:

var parent = document.getElementsByClassName('s17th0jh-5 iAfVlC')

var bOld = document.createElement("button");
bOld.innerHTML = "old";
parent[0].appendChild(bOld);

bOld.addEventListener("click", function() {
  var url = document.URL;
  url = url.replace('/www.', '/old.');
  window.location.href = url;
});

The problem is, every time I load or reload the page the new button appears and quickly disappears within a second. How can I fix this?

Solution

  • Can you add your function in a window.load function or something? It sounds like reddit has some javascript which is executing after yours (which has a side effect of deleting your button). If you can get yours to execute after reddit's perhaps it would work?

    window.addEventListener('load', function() { /*YOUR CODE*/ });