Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problema em .value

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

1 resposta
solução!

Boa noite Lucas, O primeiro detalhe que eu vi no seu código, é que o primeiro console.log está sem o 'n'. Está assim

cosole.log(distanciaInicial);

Mas no geral, apesar de você usar o querySelector pra selecionar os inputs distancia inicial e distancia final, você não esta atribuindo seus valores nas variaveis 'distanciaInicial' e 'distanciaFinal', ao invés disso, você utiliza o querySelector do formulario:

var form = document.querySelector("#Dados-deltaS")

var distanciaInicial = form.si.value;
var distanciaFinal = form.sf.value;

Repare que a tag form não possui as propriedades si e sf.

Você pode utilizar o as variáveis si e sf diretamente:

var distanciaInicial = si.value;
var distanciaFinal = sf.value;

Espero ter ajudado =D