유튜브 추첨기

핫식스
目前為 2023-06-04 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         유튜브 추첨기
// @namespace    핫식스 존나 맛있다
// @version      0.2
// @description  핫식스
// @author       핫식스
// @match        https://www.youtube.com/live_chat*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// @license MIT
// ==/UserScript==

(function () {
  console.log("로딩중..."); //로딩

  const roulette = document.createElement("div");
  roulette.style.marginTop = "50px";
  var userList = [];

  //옵저버
  var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      var added = mutation.addedNodes[0];

      var userData = {};
      userData.img = added.querySelector("yt-img-shadow img").src;
      userData.name = added.querySelector("yt-live-chat-author-chip").innerText;

      if (
        userList.filter((e) => e.img == userData.img && e.name == userData.name)
          .length == 0
      ) {
        userList.push(userData);
      }
      console.log(userList);
    });
  });
  var config = {
    childList: true,
  };

  (function () {
    var gatherBtn = document.createElement("button");
    gatherBtn.innerHTML = "시작";
    roulette.appendChild(gatherBtn);

    var raffleBtn = document.createElement("button");
    raffleBtn.innerText = "추첨";
    roulette.appendChild(raffleBtn);

    var resultSpan = document.createElement("span");
    roulette.appendChild(resultSpan);

    gatherBtn.addEventListener("click", function () {
      if (this.innerText == "시작") {
        userList = [];
          var target = document.querySelectorAll("#items")[1];
        observer.observe(target, config);
        this.innerText = "중지";
      } else {
        observer.disconnect();
        this.innerText = "시작";
      }
    });

    raffleBtn.addEventListener("click", function () {
      if (userList.length !== 0) {
        var rand = Math.floor(Math.random() * userList.length);

        resultSpan.innerHTML = `<img src="${userList[rand].img}">${userList[rand].name}`;

        userList.splice(rand, 1);
      }
    });
  })();

  document.querySelector("yt-live-chat-header-renderer").style.height = "200px";
  document.querySelector("#primary-content").appendChild(roulette);
  console.log("로딩 완료");
})();
欢迎访问Greasy Fork镜像
