Diferença de Potencial Elétrico
HTML
<body>
<form id="formulario">
<fieldset>
<legend>diferença de potencial eletrico</legend>
<label for="resistencia">resistencia:</label>
<input type="text" name="resistencia"/>
<label for="corrente">corrente:</label>
<input type="text" name="corrente"/>
<label for="potencial">potencial</label>
<input type="text" name="potencial" disabled="disabled"/>
<a href="#" onclick="calcularpotencial()">Calcular</a>
</fieldset>
</form>
</body>
CSS
img, table { width:165px; }
fieldset { width:140px; }
label { display:block; float:left;}
label, input {width:68px; margin:3px 0; }
th, td {border:1px solid #ccc; font-size:0.8em;}
JAVASCRIPT
calcularpotencial = function(){
var formulario = document.getElementById("formulario");
var resistencia = +formulario.resistencia.value;
var corrente = +formulario.corrente.value;
var potencial = resistencia*corrente;
formulario.potencial.value =potencial.toFixed(2);
}
