javascript - 如何在 javascript 函数中使用 HTML 表单中的值

Question

嘿伙计们，这是我的第一个项目，所以如果这个问题有点基本，请原谅我。我正在尝试使用从 HTML 表单收集的信息来完成 JavaScript 函数并将结果返回给用户。提示以 NaN 形式返回，并带有一个文本框。为什么我的功能失败了？

我找不到任何具体回答这个问题的内容，因此任何帮助都会很棒。

<script>
  function avgHigh() {
    var open1 = document.getElementById("open1");
    var high1 = document.getElementById("high1");
    prompt(high1/open1)
  }
</script>

<table style="width:300px">
  <tr>
    <td>Opening Rate 1:
      <input type="text" id="open1" value="22" />
    </td>
    <td>High Rate 1:
      <input type="text" id="high1" value="33">
    </td>
    <td>Low Rate 1:
      <input type="text" id="low1" value="323">
    </td>
    <td>Close Rate 1:
      <input type="text" id="close1" value="234">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 2:
      <input type="Text" id="open2" value="345">
    </td>
    <td>High Rate 2:
      <input type="text" id="high2" value="345">
    </td>
    <td>Low Rate 2:
      <input type="text" id="low2" value="345">
    </td>
    <td>Close Rate 2:
      <input type="text" id="close2" value="654">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 3:
      <input type="Text" id="open3" value="456">
    </td>
    <td>High Rate 3:
      <input type="text" id="high3" value="456">
    </td>
    <td>Low Rate 3:
      <input type="text" id="low3" value="83">
    </td>
    <td>Close Rate 3:
      <input type="text" id="close3" value="75">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 4:
      <input type="Text" id="open4" value="3457">
    </td>
    <td>High Rate 4:
      <input type="text" id="high4" value="357">
    </td>
    <td>Low Rate 4:
      <input type="text" id="low4" value="357">
    </td>
    <td>Close Rate 4:
      <input type="text" id="close4" value="0876">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 5:
      <input type="Text" id="open5" value="576">
    </td>
    <td>High Rate 5:
      <input type="text" id="high5" value="456">
    </td>
    <td>Low Rate 5:
      <input type="text" id="low5" value="6458">
    </td>
    <td>Close Rate 5:
      <input type="text" id="close5" value="456">
    </td>

  </tr>
</table>

<input type='button' onclick="avgHigh()" value='Growth on Day 1 (%)' />

Answer 1

使用值(value)。

var open1 = document.getElementById("open1").value;
var high1 = document.getElementById("high1").value;
prompt(high1/open1)