Javascript Problema com eventos DOM no JavaScript

[Euler Pereira Sobral]

Olá galera

 

    Sou novo no estudo de JavaScript e estou com problemas com eventos DOM, mais especificamente com o onclick estou tentando executar uma função clicando no botão calcular, mais nada aparece no meu navegador, já verifiquei no console do navegador mais não aparece nenhum erro.  

Por favor me ajudem  

  <p><input type="button" value="Calcular"  onclick="calcular()"></p>

<script>  
  
  function calcular() { 
   
    var inicio = document.getElementById('txti')
    var passo = document.getElementById('txtp')
    var fim = document.getElementById('txtf')
    
     if(inicio.value.length == 0 || passo.value.length == 0 || fim.value.length == 0) { 
         
         document.alert('[ERROR] Reveja os dados e tente novamente')

     }




} 
</script>

 

[JonathanCruz]

O erro está na hora de chamar o alert

Basta escrever "alert"

Sem o document

 

[Euler Pereira Sobral]

Valeu Jonathan deu certo 

 

[yanluiz96]

Uma dica, sempre que tiver dúvidas sobre o disparamento de eventos, faça debug.

 

Por exemplo:

<canvas id="testing" onclick="teste()"></canvas>

function teste()
{
 	// SEU algoritmo todo aqui
  
  	// E no final printe algo no console
  
  	console.log("Código executado com sucesso");
}

Existem algumas outras formas, como a keyword debugger.

 

Também pode por dentro do console.log à variável contendo o evento, deste modo você pode ler todos à informação enviada

 

window.addEventListener("mousemove",function(mouseEvent)
{
	console.log(mouseEvent);
});