Entendendo functions em arquivos js externo
Olá pessoal, é a minha primeira vez aqui.
Tenho procurado muito a resposta para o meu problema, mas talvez por ser óbvio, não encontrei solução satisfatória.
Eu tenho o seguinte código usando "No wrap - In body":
JSFiddle
A ideia é que ao clicar num botão a respectiva lista de opções apareça logo abaixo, mas estou com problemas pois não entendo muito bem
os métodos:
onLoad
onDomReady
no wrap in head
no wrap in body
Gostaria de seguir a w3c e não colocar o script no <body>, e utilizar uma função que receba a classe como parâmetro, assim não vou precisar escrever a mesma função para todos os botões. No entanto, quando a modifico ela para de funcionar, agindo apenas no carregamento da página quando no modo "No wrap in body" e não mais no evento do botão, como no código a seguir:
Descobri que um dos problemas é o modo de chamar a função no "addEventListener",que no meu cado deve ficar assim:
artes.addEventListener('click', function(){mudar('lista_de_artes');}, false);
Mas ainda fica a questão, vou sempre ter que usar essa linha para prepara o DOM quando usar "addEventListerner"?
document.addEventListener('DOMContentLoaded', load, false);
Alguém pode me explicar o que está acontecendo?
Discussão (5)
Carregando comentários...