Создать кнопку JS

[Moslitr]

Доброго времени суток. В JS новичок. Хочу создать кнопку, и навесить на нее событие.
Вот что получилось
// ==UserScript==
// @name КНОПКА
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.youtube.com*
// @include https://www.youtube.com*
// @grant none
// ==/UserScript==

setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
btn.onclick = function (){window.location = 'http://www.google.com'; };
var sel = document.querySelectorAll("[id='upload-info']");
sel[1].appendChild(btn);
},1000)

Так работает, кнопка создается, и переходит на сайт по клику.

setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
btn.onclick = function (){window.location = 'http://www.google.com'; };
var sel = document.querySelector("upload-info");
sel.appendChild(btn);
},1000)

Так уже не работает, почему не знаю.

Но.. Я хочу навесить на эту событие, например, чтобы производимое при нажатии на эту кнопку действие было аналогично рядом расположенной красной кнопке "подписаться"

setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
*!*btn.onclick = function (){  что сюда подставить?   };*/!*
var sel = document.querySelectorAll("[id='upload-info']");
sel[1].appendChild(btn);
},1000)

вот сама кнопка

<yt-formatted-string class="style-scope ytd-subscribe-button-renderer">Подписаться <span class="deemphasize style-scope yt-formatted-string">14&nbsp;тыс.</span></yt-formatted-string>

скопированный selector

yt-formatted-string.ytd-subscribe-button-renderer

пробовал разные варианты, ничего не получается

[рони]

document.querySelector("upload-info");

upload-info это что? # или . где?

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

[Moslitr]

upload-info это что? # или . где?

Это пользовательский скрипт на сайте https://www.youtube.com/

Так выглядит скриншот


Сейчас разберусь как форматировать, и отформатирую.

[рони]

Это пользовательский скрипт

селектор!!!
var sel = document.querySelector("#upload-info");

[j0hnik]

btn.onclick = function (){  что сюда подставить?   };

btn.onclick = function (){ 
document.querySelector("#subscribe-button>*>*").click();
  };

[рони]

что сюда подставить?

не понимаю, ждите других специалистов.

[Moslitr]

btn.onclick = function (){ 
document.querySelector("#subscribe-button>*>*").click();
  };

Всё работает! Спасибо большое!