Como capturar dados do usuário | JavaScript

Oi, Bernardo, tudo bem?

Pelo que entendi você capturar os valores que as operações matemáticas sejam feitas, certo? Um teste pode ser feito dessa forma:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Calculadora de 2 números</h1>
    <form id="form">
      <label
        >Digite o primeiro número
        <input id="numUm" name="" type="text" required=""
      /></label>
      <label
        >Digite o segundo número
        <input id="numDois" name="" type="text" required=""
      /></label>
      <p>
        <input type="button" value="+" onclick="calc(this)" />
        <input type="button" value="-" onclick="calc(this)" />
        <input type="button" value="*" onclick="calc(this)" />
        <input type="button" value="/" onclick="calc(this)" />
      </p>
    </form>
    <div id="container"></div>

    <script>
      function calc(x) {
        const operacao = x.value;

        const numUm = parseFloat(document.querySelector("#numUm").value);
        const numDois = parseFloat(document.querySelector("#numDois").value);
        const resultado = eval(numUm + operacao + numDois);

        if (!isNaN(resultado)) {
          document.querySelector("#container").innerHTML = resultado;
        }
      }
    </script>
  </body>
</html>

No código acima capturamos os valores digitados pelo usuário e a partir da operação que ele deseja fazer, será chamada a função function calc(x) quer irá calcular e retornar o resultado.

Mergulhe em programação