Estou começando com javascript e fiz o seguinte código abaixo, só que ele não está funcionando no google chrome, por que?
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Teste</title>
</head>
<body>
<form>
<input type="text" name="teste" id="teste"/>
</form>
</body>
<script type="text/javascript" src="test.js"></script>
</html>
test.js
var teste = document.getElementById("teste");
teste.addEventListener('click', function(){
alert(1);
});
Já testei ele no Firefox e no site JS Bin e ele funciona perfeitamente.
<script type="text/javascript" src="test.js" defer></script>
script
antes do fechamento da tagbody
e não depois. Alias, qual versão do chrome você esta usando? Minha versão58.0.3029.110 (64-bit)
está funcionando, não sei se isso tem influência, mas o chrome corrigiu a estrutura, colocando automaticamente a tagscript
antes do fechamento dobody
.defer
garante que o script seja carregado somente depois do carregamento do html, para versões muito antigas de navegadores, não funciona<body>