如何根据用户输入的内容更改文本字段的内容？

Question

我是 JavaScript 新手，需要创建一个加速公式计算器。我需要首先询问用户想要在加速度公式 (a=(v-u)/t) 中求解什么变量，然后根据用户输入的内容更改文本字段。如果您能提供帮助，请尽快告诉我！

这是我一直在努力的...

变量求解器

function showInputs() {
  var variable = document.getElementById("variable").value;

  if (variable === "v") {
    document.getElementById("u-input").style.display = "inline";
    document.getElementById("a-input").style.display = "inline";
    document.getElementById("t-input").style.display = "inline";
  } else if (variable === "u") {
    document.getElementById("v-input").style.display = "inline";
    document.getElementById("a-input").style.display = "inline";
    document.getElementById("t-input").style.display = "inline";
  } else if (variable === "t") {
    document.getElementById("v-input").style.display = "inline";
    document.getElementById("u-input").style.display = "inline";
    document.getElementById("a-input").style.display = "inline";
  }
}

Answer 1

您将需要使用“更改”事件（与此类似）：

document.addEventListener('change', function (event) {
    // you may need to change 'input[type="number"]' if you are using a 'number' textbox
    if (event.target && event.target.matches('input[type="text"]')) {
        
        // ... calc acceleration values

        document.getElementById("a-input").value = 'new-a-value';
        document.getElementById("v-input").value = 'new-v-value';
        document.getElementById("u-input").value = 'new-u-value';
        document.getElementById("t-input").value = 'new-t-value';
    }
}, false);