Как вызвать функцию в JavaScript с помощью события onclick

Question

Я создаю расширение Google Chrome и пытаюсь создать кнопку, которая открывает сохраненный случайный веб-сайт в новой вкладке после нажатия. Я просмотрел этот сайт и попробовал все безрезультатно. Я уверен, что это что-то простое, что я скучаю.

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

В randomSiteTestScript.js:

var links = [multiple hhtp:// links]

document.getElementById("randomsite").addEventListener("click", openSite);

function openSite() {
    code that works
};

В popup.html:

<p><button id="randomsite">Click for random site!</button></p>
<script src="randomSiteTestScript.js"></script>

Как только кнопка нажата, абсолютно ничего не происходит. Я не получаю никаких ошибок, но ничего не происходит. Опять же, я знаю, что функция openSite работает должным образом, поскольку я ничего не изменил с тех пор, как перешел из функциональности контекстного меню. Я не верю, что функция вызывается вообще. Заранее спасибо за любую помощь!

Answer 1

Здесь не требуется прослушиватель событий ... просто используйте встроенный обработчик события onclick.

<button id="randomsite" onclick="openSite(links[Math.floor(Math.random()*links.length)]);">Click for random site!</button>

Передайте URL-адрес OpeSite (URL) и обработайте открытие оттуда.