JavaScript 在按钮单击时将用户输入存储在数组中

Question

<table>
        <tr>
            <td>Enter the Input</td>
            <td><input type="text" id="inputtext" /></td>
        </tr>
        <tr>
            <td></td>
            <td><button type="button" id="add" onclick="addRecord();">Add </button>
            <button type="button" id="display" onclick="displayRecord();">Display</button>
            </td>
        </tr>
</table>

当用户在文本框中输入数据后单击“添加”按钮时，我需要从用户那里获取输入。用户可以添加“n”个我不知道的输入。我需要将输入存储在一个数组中并在单击“显示”按钮时显示它。那应该怎么做呢？我尝试使用 push()，但它不起作用:

function addRecord()
{   
    
    var add= document.getElementById("add");
    var addArray= [];
    addArray.push(add.value);
}

Answer 1

意大利面条解决方案可能如下片段所示，

values = [];

function addRecord() {
  var inp = document.getElementById('inputtext');
  values.push(inp.value);
  inp.value = "";  
}

function displayRecord() {
  document.getElementById("values").innerHTML = values.join(", ");
}

    <table>
            <tr>
                <td>Enter the Input</td>
                <td><input type="text" id="inputtext" /></td>
            </tr>
            <tr>
                <td></td>
                <td><button type="button" id="add" onclick="addRecord();">Add </button>
                <button type="button" id="display" onclick="displayRecord();">Display</button>
                </td>
            </tr>
    </table>

   <div id='values'></div>