如何更新和显示变量

How to update and display a variable

本文关键字：显示 变量 更新 何更新      更新时间：2023-09-26

我在仓库工作。我正在帮助一位主管制定一个概念验证程序，让他在任何给定的时间更新什么卡车在什么码头门上。我做了一张表来显示车门和拖车编号。每一行都有一个输入字段，用于输入新的拖车编号，还有一个提交按钮，当单击该按钮时，应将新的拖车号码保存到一个变量中，然后在表中显示所述变量。我一辈子都弄不清楚自己做错了什么，请帮帮我！

<script>
    var 1s = "open", 2s = "open", 3s = "open", 4s = "open" 5s = "open", 1n = "open", 2n = "open", 3n = "open", 4n = "open", 5n = "open";
    function display1s(){
        1s = document.getElementById("1sInput");
        document.getElementById("1s").innerHTML = 1s.innerhtml;
        }
</script>
<body>
<table border=3>
    <tr>
        <th>Door #</th>
        <th>Trailer #</th>
        <th>input new trailer</th>
    </tr>
    <tr>
        <td>1S</td>
        <td><p id="1s"></p></td>
        <td><input type="input" name=1sInput size=14></td>
        <td><button onClick="katie()">Submit</button></td> 
    </tr>

更新！我删除了不必要的代码。更具体地说，我试图让用户在输入框中输入一个字符串，id为1sInput，将该字符串保存到变量1s，然后在

标签中显示id为1s。我对编程很陌生。我知道这可能是一个非常简单的问题，但就我的一生而言，我在我拥有的任何一本书或任何在线教程中都找不到答案。

<script>
    function katie(){
        var _1s = document.getElementsByName("1sinput")[0];
        document.getElementById("1s").innerHTML = _1s.value;
        }
</script>

这就是示例代码可以运行的方式。请注意，在javascript中不能用数字开头变量名。我想你是JS开发的新手，JS错误控制台是你最好的朋友。

减少问题，有什么问题

<!DOCTYPE html>
<html>
<body>
<table border=3>
  <tr>
    <th>Door #</th>
    <th>Trailer #</th>
  </tr>
  <tr>
    <td>1S</td>
    <td><input type="text"></td>
  </tr>
</table>
</body>
</html>
相关文章：