Gertykhon / Joyreactor Posts Reverse

// ==UserScript==
// @name         Joyreactor Posts Reverse
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  добавляет в полосу меню кнопку, меняеющую порядок постов на странице на обратный
// @author       Gertykhon
// @include      *reactor.cc*
// @include      *joyreactor.cc*
// @include      *jr-proxy.com*
// @grant        none
// @license MIT
// ==/UserScript==

(function () {
  'use strict';
  var btn = document.createElement('div');
  btn.classList.add('submenuitem');
  btn.innerHTML = '<a>🔁</a>';
  btn.style.cursor = 'pointer';
  btn.onclick = (function (e) {
    if (localStorage.postReverse === '1') {
      btn.classList.remove('active');
      localStorage.postReverse = '0';
      pr(false);
    }
    else {
      btn.classList.add('active');
      localStorage.postReverse = '1';
      pr(true);
    }
  });
  document.getElementById('submenu').prepend(btn);

  if (localStorage.postReverse === '1') {
    pr(true);
    btn.classList.add('active');
  }
  else {
    localStorage.postReverse = '0';
  }

  function pr(reverse) {
    let list = document.getElementById('post_list');
    list.style.display = reverse ? 'flex' : '';
    list.style.flexDirection = reverse ? 'column-reverse' : '';
  }

})();