Só funciona no IE, porque?

[Zoação 2]

Quando tento executar esta página no Google Chrome ou então no sistema Android, simplesmente não funciona.

O que pode estar errado?

 

    <script type="text/javascript">
  window.onload = function(){
 
    var i = function(id){ return document.getElementById(id); }
     
    i("calcula").onclick = function(){
      var c1 = i("produto1").value;
      var c2 = i("qto1").value;
     i("resultado").innerHTML = parseInt(c1) + parseInt(c2);
    }
  }
    </script>

<form enctype='multipart/form-data' action='process.php' method='post'>
	<br>nome<br>
<font face="Verdana"><input type=text name='nome' size=5 style="width: 450px"><br>
	e-mail<br><input type=text name='email' size=5 style="width: 450px"><br>
	produto 01<br><input type=text name='produto1' size=3 style="width: 452px"><br>
	quantidade<br><input type=text name='qto1' size=5 style="width: 454px"><br>
	<br><font face="Verdana" size="2">
	<input type=submit value='enviar' style="width: 114px"><br><br> 
	<input type=reset value='limpar' style="width: 113px"></font><br></font><br></form>

      <button id="calcula">calcular</button>
	<br>
	    Result: <span id="resultado">0</span>

 

[Doug Biazioli 0]

Bom dia,

 

Creio que o motivo de não funcionar, é porque você está buscando os inputs "produto1" e "qto1" pelo ID, mas esses elementos não possuem esse ID, estão apenas com name.

Coloque os ID's nos inputs que vai funcionar.


=]

[Zoação 2]

Bom dia,

 

Creio que o motivo de não funcionar, é porque você está buscando os inputs "produto1" e "qto1" pelo ID, mas esses elementos não possuem esse ID, estão apenas com name.

 

Coloque os ID's nos inputs que vai funcionar.

 

 

=]

 

Realizei a correção conforme disse e realmente funcionou perfeitamente.

 

Obrigado!