JSFiddle - React, Tailwind, and code Playground
HTML
<form name="form1" method="POST">
<table>
<tr>
<td colspan="3"><strong>Taxas:</strong></td>
</tr>
<tr>
<td>Taxa de combustivel</td>
<td><input type="text" name="taxa_combustivel" /> %</td>
<td>(Aplica-se na zona 2 e 3)</td>
</tr>
<tr>
<td>Taxa de exportação<br/>(Despacho aduaneiro)</td>
<td><input type="text" name="taxa_export" /> €</td>
<td>(Aplica-se na zona 3 e 4)</td>
</tr>
<tr>
<td><strong>Destino:</strong></td>
<td>
<select name="destino" onchange="ver_destino()">
<option value="-1">Selecione uma zona</option>
<option value="1">Portugal</option>
<option value="2">Espanha</option>
<option value="3">França</option>
<option value="4">Itália</option>
<option value="5">Alemanha</option>
<option value="6">Russia</option>
</select>
</td>
</tr>
</table>
<hr/>
<table>
<tr>
<td colspan="2"><strong>Peso e Volume da embalagem:</strong></td>
</tr>
<tr>
<td>Peso Real:</td>
<td><input type="text" name="peso_real" /> kg</td>
</tr>
<tr>
<td>Comprimeto:</td>
<td><input type="text" id="comprimento" name="comprimento" /> cm</td>
</tr>
<tr>
<td>Largura:</td>
<td><input type="text" id="largura" name="largura" /> cm</td>
</tr>
<tr>
<td>Altura:</td>
<td><input type="text" id="altura" name="altura" /> cm</td>
</tr>
<tr>
<td>Peso volumétrio:</td>
<td><input type="text" name="peso_volumetrico" onChange="ver_peso_volumetrico" readonly="readonly" /> kg (Formula: CxLxA/4000)</td>
</tr>
</table>
<hr>
<table>
<tr>
...
JavaScript
function ver_destino(){
var destino = document.form1.destino.value;
switch(destino){
case '1':{
document.form1.zona.value = 'Zona 1';
break;
}
case '2':{
document.form1.zona.value = 'Zona 2';
break;
}
case '3': case '4': case '5':{
document.form1.zona.value = 'Zona 3';
break;
}
case '6':{
document.form1.zona.value = 'Zona 4';
break;
}
default:{
document.form1.zona.value = '';
}
}
}
function ver_peso_volumetrico(){
var comprimento = document.getElementById("comprimento").value
var largura = document.getElementById("largura").value
var altura = document.getElementById("altura").value
var peso_volumetrico = (comprimento*largura*altura)/4000;
var peso_volumetrico = document.form1.peso_volumetrico.value;
}
function ver_maior_peso(){
var peso = Math.max(peso_real, peso_volumetrico);
document.form1.peso.value;
}