// funcao-04.js
var btn = document.querySelector("#calcular");
var res = document.querySelector("#resultado");
// ----------------
btn.addEventListener("click", function () {
  var base = Number(document.querySelectorAll("input")[0].value);
  var altura = Number(document.querySelectorAll("input")[1].value);
  var perimetro = 2 * (base + altura);
  var area = base * altura;
  res.innerHTML = `Perímetro: ${perimetro}
Área: ${area}`;
});

<input type="number" placeholder="Entre o valor da base">
<input type="number" placeholder="Entre o valor da altura">
<button type="button" id="calcular">Calcular</button>
<div id="resultado"></div>  
<script src="js/funcao-04.js"></script>

Cálculo do perímetro e área de um retângulo

Calcular