HTML
<section>
<h2>Meus pacientes</h2>
<table>
<tr>
<th>Nome</th>
<th>Peso</th>
<th>Altura</th>
<th>IMC</th>
</tr>
<tr>
<td class="info-nome">Leonardo</td>
<td class="info-peso">50.0</td>
<td class="altura">1.60</td>
<td class="imc"></td>
</tr>
<tr>
<td class="info-nome">Paulo</td>
<td class="info-peso">100</td>
<td class="altura">2.00</td>
<td class="imc"></td>
</tr>
</table>
<button id="calcula-imcs" class="botao">Calcular Imcs</button>
</section>
<section>
<h2>Adicionar novo paciente</h2>
<form>
<fieldset>
<label for="nome">Nome:</label>
<input id="campo-nome" type="text" placeholder="digite o nome do seu paciente">
</fieldset>
<fieldset class="campo-medio">
<label for="peso">Peso:</label>
<input id="campo-peso" type="text" placeholder="digite o peso do seu paciente">
</fieldset>
<fieldset class="campo-medio">
<label for="altura">Altura:</label>
<input id="campo-altura" type="text" placeholder="digite a altura do seu paciente">
</fieldset>
<button id="adicionar-paciente" class="botao bto-principal">Adicionar</button>
</form>
</section>
JAVASCRIPT
var trsPacientes = document.getElementsByClassName("paciente");
var posicaoAtual = 0;
while (posicaoAtual <= trsPacientes.length - 1) {
var pacienteTr = trsPacientes[posicaoAtual];
var tdNome = pacienteTr.getElementsByClassName("info-nome");
var tdPeso = pacienteTr.getElementsByClassName("info-peso");
var tdAltura = pacienteTr.getElementsByClassName("info-altura");
var paciente = {nome : tdNome.textContent, peso : tdPeso.textContent, altura : tdAltura.textContent};
if (paciente.altura != 0) {
var imc = paciente.peso / (paciente.altura * paciente.altura);
var tdImc = pacienteTr.getElementsByClassName("info-imc");
tdImc.innerHTML = imc;
console.log(imc);
} else {
console.log("altura precisa ser maior que zero");
}
posicaoAtual++;
}