Почему скрипт не видит функцию в setInterval?

Question

[Tosha1337]

Здравствуйте!
Подскажите, почему если просто вбить в консоль этот код он работает,а в составе расширения кнопка создаётся, но при нажатии выдаёт:

1 Uncaught ReferenceError: functionName is not defined

function functionName() {
alert('Имя') 
}

setInterval(() => {
document.querySelector('.button').innerHTML = '<button onclick="functionName()" type="button" >Показывать имя</button>' 
}, 1000)

Надеюсь, нормально сформулировал вопрос

Comments

[lexchz]

Не вижу проблемы, код рабочий, если встроить в страницу. Что значит "в составе расширения"?

Answer 1

[GrayHorse]

Функция functionName существует в контексте контент скрипта.

При добавление кнопки с onclick="functionName()" по клику на нее functionName будет вызывать в контексте веб страницы, где данной функции нет.

1. Добавь кнопку.
2. Добавь эвент листенер через addEventListener на нее.

Будет работать.

Comments

[Tosha1337]

Оказывается, всё просто и понятно. Спасибо!