사용자:하늘/custom-navbar.js

var api_params = {
  action: "query",
  format: "json",
  prop: "revisions",
  titles: "사용자:Cerulean/custom-navbar.csv",
  utf8: 1,
  rvprop: "content",
  formatversion: "latest",
  rvslots: "*"
};

var libreNavLogin = {};
var api = new mw.Api();
api.get(api_params).done(data => libreNavLogin.addNavItems(data));

libreNavLogin.createItem = function(title, url) {
  var a = document.createElement('a');
  a.className = "dropdown-item",
    a.href = url,
    a.innerHTML = title;
  return a;
};

libreNavLogin.addNavItem = function(icon, name, url) {
  var node = this.createItem(name, url);
  document.getElementsByClassName('dropdown-divider')[0].before(node);
};
libreNavLogin.addNavItems = function(data) {
  this.itemListToAdd = data.query.pages[0].revisions[0].slots.main.content;

  var itemList = this.itemListToAdd.split('\n');
  for (const item of itemList) {
    var elem = item.split(';');
    this.addNavItem(elem[0], elem[1], elem[2]);
  }
};
libreNavLogin.removeItem = function(name) {
  var Selector = '[title="' + name + '"]';
  document.querySelector(Selector).remove();
};

var api_params = {
  action: 'query',
  list: 'categorymembers',
  cmtitle: '분류:한자/문자',
  cmlimit: 'max',
  format: 'json',
  cmtype: 'page'
};

function navItem() {
  this.root = document.createElement('li');
  this.root.id = 'hanja-random'
  this.root.className = "nav-item";
  document.querySelector('.nav.navbar-nav').append(this.root);

  function link() {
    var span = () => {
      return document.createElement('span')
    }
    var a = document.createElement('a')

    this.root = a;
    this.root.className = "nav-link";
    this.root.title = "한자 랜덤문서";

    this.icon = span();
    this.icon.style.fontWeight = "600",
      this.icon.innerText = '漢';

    this.title = span();
    this.title.className = "hide-title",
      this.title.innerText = ' 한자 랜덤';

    this.root.append(this.icon);
    this.root.append(this.title);

    var isloaded = false;
    this.root.onmouseover = function() {
      if (isloaded === false) {
        var link = document.querySelector('#hanja-random a')
        api.get(api_params).done(function(data) {
          var pages = data.query.categorymembers;
          var randomTitle = pages[Math.floor(Math.random() * pages.length)].title;
          link.href = "/wiki/" + randomTitle;
          isloaded = true;
          console.log(randomTitle);
        });
      }
    }
  }
  this.link = new link();
  this.root.append(this.link.root);
}
document.querySelector('.hide-logout.logout-btn').remove();
new navItem();