Quiero calcular la ley de OHM (i = v / r) y tengo tres <input>
y un botón con onClick="dividir()"
para llamar a la siguiente función dentro de mi HTML:
function dividir() {
v = document.getElementById("voltaje").value;
r = document.getElementById("resistencia").value;
i = v / r;
document.getElementById("corriente").value = i;
};
La función cumple su cometido pero el valor resultado y solo aparece unos segundos y desaparece.
Código HTML:
<div class="container app-contenedor">
<form class="form-inline">
<div class="form-group">
<label>V</label>
<input type="text" class="app-input" id="voltaje"></input>
</div>
<div class="form-group">
<label>R</label>
<input type="text" class="app-input" id="resistencia"></input>
</div>
<div class="form-group">
<label>I</label>
<input type="text" class="app-input" id="corriente"></input>
</div>
<div class="">
<button class="btn app-resultado app-resultado-boton" type="submit" id="calcular" onclick="dividir()">Calcular</button>
</div>
</form>
</div>
¿Como puedo dejar que el resultado quede visualizado en el campo de texto? o en su lugar debería crear otro elemento que refleje el resultado de la división?
<button>
? Por lo que mencionas parece que tienes un submit de la forma<input type="submit">
o de la forma<button type="submit">
.