Javascript: Uncaught TypeError: Невозможно вызвать метод 'addEventListener' с нулевым значением
Я пытаюсь сделать что-то довольно простое, но по причине того, что я, вероятно, недостаточно хорош для поиска документации, я не могу заставить это работать.
У меня есть работающий встроенный JS, который выглядит так:
<A title="Wolfram IP Calc" href="javascript:txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');%20if(txt)%20window.open('http://www.wolframalpha.com/input/?i='+txt);void(O);">Compute!</A>
По разным причинам я пытаюсь отделить JS, и именно здесь я попал в ловушку.
Я создал следующую тестовую страницу, которая дает мне ошибкуUncaught TypeError: Cannot call method 'addEventListener' of null:
<HTML> <HEAD profile="http://www.w3.org/2005/10/profile"> <script type="text/javascript">
var compute = document.getElementById('compute');
compute.addEventListener('click', computeThatThing, false);
function computeThatThing() {
txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');
if(txt) {
window.open('http://www.wolframalpha.com/input/?i='+txt);
}
}
</script></HEAD>
<BODY>
<A title="Wolfram IP Calc" id="compute" href="javascript:void(O);">Test</A>
</BODY>
</HTML>
Единственное, что мне удалось найти, это указывает на такую проблему:addEventListener не могу работать с<A> но должен справиться<IMG> (что мне подходит, так как я собираюсь добавить это на некоторые изображения), поэтому я попытался добавить следующее безрезультатно:
<img id="compute" src="http://products.wolframalpha.com/images/products/products-wa.png" />
Заранее спасибо за указание, что я делаю неправильно. Это, вероятно, очевидно, но у меня практически нет опыта работы с JS, и я до сих пор занимался в основном грузовым культивированием, когда мне это было нужно.