Run JS when opening the page

Question

Good evening. I have a js where I need it executed when loading the page. It works when I click, but I cannot make the calculation automatically when loading the page.

$(document).ready(function(){
    executa5();
    $(".cubagem, .tabbable").on('click mouseover load', executa5);

        function executa5(){
            valorTotaldaNota    = $("#valorTotaldaNota").val();
            valorTotaldaNota    = valorTotaldaNota.replace(".", "");
            valorTotaldaNota    = valorTotaldaNota.replace(",", ".");
            adValorem           = $("#adValorem").val();
            gris                = $("#gris").val();

            v1   = valorTotaldaNota * adValorem / 100;
            v2   = valorTotaldaNota * gris / 100;
            v1v2 = v1+v2;

            $("#valordoSeguro").val( v1v2.toFixed(2) );
    };  
});

What am I doing wrong?

Answer 1

James, there’s nothing wrong with your logic (http://jsfiddle.net/felipe_douradinho/8mdky0zk/1/)

Another code is preventing completion (i.e., the function is stored in memory but the document is not ready).

To debug using the inspector, go to the tab Sources, choose the document containing javascript and add a break point in the:

$(document).ready(function(){
executa5(); // <-- adicione o break point aqui

Then refresh the page to see if the executed call5() is passed on the upload. If it’s not, enter the break point at another time in javascript and check successively where the code no longer passes. Step by step typing F11 and F10.

Answer 2

Are you using which version of jQuery?

The method on only added in version 1.7+. Make sure you are importing the correct version.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

Example:

function executa5(){
  alert("entrou");
  valorTotaldaNota    = $("#valorTotaldaNota").val();
  valorTotaldaNota    = valorTotaldaNota.replace(".", "");
  valorTotaldaNota    = valorTotaldaNota.replace(",", ".");
  adValorem           = $("#adValorem").val();
  gris                = $("#gris").val();

  v1   = valorTotaldaNota * adValorem / 100;
  v2   = valorTotaldaNota * gris / 100;
  v1v2 = v1+v2;

  $("#valordoSeguro").val( v1v2.toFixed(2) );
}  

$(document).ready(function(){
    executa5();
    $(".cubagem, .tabbable").on('click mouseover load', executa5);
});

.cubagem {
  height: 50px;
  width: 50px;
  background-color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<div class="cubagem">
</div>

<input id="valorTotaldaNota" value="100" /> <br/>
<input id="adValorem" value="5" /> <br/>
<input id="gris" value="20" /> <br/>
<input id="valordoSeguro" />