在 HTML 页面上运行 Javascript 代码？

Question

这是与我的工作相关的软化剂树脂的离子交换计算。我已经在 J​​avacript 中运行了这段代码并在控制台上显示了它，但是你从哪里开始在网页上运行它。我知道如何使用 HTML 页面上的脚本链接 JS 文件，但代码是如何执行的。我对 getELement ID 或 querySelectors 有点困惑，所以我希望能得到一些关于我可以开始查看的指针。很抱歉的问题

  const totalCapacity = function (resinVolume, hardness) {
  let exchange = 50;
  return (resinVolume * exchange) / hardness;
};

let softener = totalCapacity(50, 200);
console.log(softener + ' m3');

Answer 1

(const totalCapacity = function (resinVolume, hardness) {
  let exchange = 50;
  return (resinVolume * exchange) / hardness;
};
let softener = totalCapacity(50, 200);
console.log(softener + ' m3');)();

这是一个自动弹出功能，在你的脚本标签中试试吧！

Answer 2

<script language = "JavaScript">
  function multiply() {
    with(document.multiplication) {
      result.value=x.value * y.value;
    }
  }
</script>

<form name="multiplication">
  <input type="text" name="x" size="5">
  <input type="text" name="y" size="5">
  <input type="text" name="result" size="5"><br>
<input type="button" value="Multiply" onClick="multiply()">

你可以从上面的例子中得到一些想法。