Tenho uma tabela com algumas listas suspensas e os demais valores resultados da busca em um array de acordo com a seleção nestas listas, e esse script é executado diretamente na pagina de um blog:
No codigo estou tentando calcular a soma de "peso" + "agua" multiplicando por um input numerico de "comprimento" Mas na celula Total o "resultado" só dá NaN
<td id="comprimento">
<label for="numero"></label>
<input type="number" id="numero" name="numero" style="background-color: #ddd; width: 30%">
</td>
<td id="resultado">
<script>
function calcular() {
// Acessa os valores das células de origem
var valorPeso = document.getElementById("peso").innerHTML;
var valorAgua = document.getElementById("agua").innerHTML;
var valorComprimento = document.getElementById("comprimento").value;
// Converte os valores em números e faz a soma
var soma = (parseFloat(valorPeso) + parseFloat(valorAgua)) * parseFloat(valorComprimento);
// Define o valor da célula de destino como a soma
document.getElementById("resultado").innerHTML = soma;
}
// Adiciona um ouvinte de eventos para o botão "Calcular"
document.getElementById("calcular").addEventListener("click", calcular);
</script>
</td>
</tr>
</tbody>
</table>
<button onclick="calcular()">Calcular</button>
innerHTML
não seriainnerText
? Aquivar valorComprimento = document.getElementById("comprimento").value;
não seriavar valorComprimento = document.getElementById("numero").value;
?