Então, não estou conseguindo ver no console.log o valor de distanciaInicial e distanciaFinal JS:
var si = document.querySelector("#distancia-inicial");
var sf = document.querySelector("#distancia-final");
var botaodeltaS = document.querySelector("#calcule-deltaS");
addEventListener("click", function(event) {
event.preventDefault();
var form = document.querySelector("#Dados-deltaS")
var distanciaInicial = form.si.value;
var distanciaFinal = form.sf.value;
cosole.log(distanciaInicial);
console.log(distanciaFinal);
HTML
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title> Exemplo</title>
</head>
<body>
<h1> Exemplo </h1>
<form id="Dados-deltaS">
<div class="grupo">
<label for="distancia-inicial">Espaço Inicial:</label>
<input id="distancia-inicial" name="distancia-inicial" type="text" placeholder="Digite o valor de Si em metros" class="campo">
</div>
<div class="grupo">
<label for="distancia-final">Espaço Final</label>
<input id="distancia-final" name="distancia-final" type="text" placeholder="Digite o valor de Sf em metros" class="campo">
</div>
<button id="calcule-deltaS" > Calcule! </button>
</form>
<script src="js/variação-distancia.js"></script>
</body>
</html>
Apenas recebo a seguinte msg: Uncaught TypeError: Cannot read property 'value' of undefined