A extensão ultra simples do Chrome não adiciona o EventEventListener ao evento onclick do botão
Então, estou testando a criação de uma extensão do Chrome. Eu entendo que com o manifesto v2 você não pode ter javascript no popup.html. Então, mudei o javascript para um arquivo separado, popup.js.
Eu estou tentando ter um simples botão em um pop-up que chama um alerta mundial olá, mas simplesmente não está funcionando.
Além disso, o depurador do Inspect Element do Chrome não mostra nenhum erro.
popup.html
<html>
<head>
<title>Test</title>
<script language='javascript' src='popup.js'></script>
</head>
<body>
<form name='testForm'>
<input type='button' id='alertButton' value='click me'>
</form>
</body>
</html>
popup.js
function myAlert(){
alert('hello world')
}
window.onload = function(){
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('alertButton').addEventListener('onclick', myAlert);
});
}
manifest.json
{
"manifest_version": 2,
"name": "Test",
"description": "Test Extension",
"version": "1.0",
"icons": {
"48": "icon.png"
},
"permissions": [
"http://*/*",
"https://*/*"
],
"browser_action": {
"default_title": "This is a test",
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
Alguma ideia?