Os links a seguir apontam soluções para problemas comuns do dia a dia, você precisará consertar em ordem para que seu código javascript execute corretamente.
Se o seu código não funciona e/ou se seu navegador indicar que algo está indefinido, verifique se você declarou todas os nomes de suas variáveis, nomes de funções, etc. corretamente.
Algumas funções comuns dos navegadores que causam problema são:
| Correto | Incorreto |
|---|---|
getElementsByTagName() |
getElementbyTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
Você precisa ter certeza que você não colocou nenhum ponto e vírgula incorretamente. Por exemplo:
| Correct | Wrong |
|---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
Há uma série de coisas que podem dar errado com funções
Um dos erros mais comuns é declarar a função, mas não chama-la em lugar nenhum. Por exemplo:
function myFunction() {
alert('This is my function.');
};
Este código não fará nada a menos que você o chame, por exemplo com
myFunction();
Lembre-se que funções tem seu próprio escopo — você não pode acessar um conjunto de valores de variáveis dentro de uma função fora da função, a não ser que você tenha declarado a variável globalmente (i.e. não dentro de nenhuma função), ou retorne o valor or retorne o valor fora da função
Remember also that when you return a value out of a function, the JavaScript interpreter exits the function — no code declared after the return statement will run.
In fact, some browsers (like Firefox) will give you an error message in the developer console if you have code after a return statement. Firefox gives you "unreachable code after return statement".
When you assign something normally in JavaScript, you use a single equals sign, e.g.:
var myNumber = 0;
This doesn't work in Objects, however — with objects you need to separate member names from their values using colons, and separate each member with a comma, for example:
var myObject = {
name : 'Chris',
age : 38
}
For more information on JavaScript debugging, see Handling common JavaScript problems; also see Other common errors for a description of common errors.
this, in the context of an object?addEventListener() function do, and how do you use it?