Como eu posso pegar uma variavel de javascript e colocar no arquivo html?

Aqui eu tenho o meu htm e abaixo segue o .js No caso eu quero colocar a variavel IMC do .js e exibir no html. Como posso fazer isso? Obrigado!

.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/visual.css">
    <title>Teste</title>
</head>
<body>

    <h2>Peso</h2>
    <p class="peso">
        <label for="peso">90.00</label>
    </p>

    <h3>Altura</h3>
    <p class="altura">
        <label for="altura">1.70</label>
    </p>

    <script src="js/pega.js"></script>   
    <script src="js/logica.js"></script>

</body>
</html>

.js

var hpeso = document.querySelector(".peso");
var peso = parseFloat(hpeso.textContent);
console.log("Peso é igual a "+ peso);

var haltura = document.querySelector(".altura");
var altura =parseFloat(haltura.textContent);
console.log("Altura é igual a "+ altura);

var himc = (peso/(altura*altura));
var imc = himc.toFixed(2)

console.log(imc);

PRORROGAMOS O DESCONTO!