用js简单实现将输入的数据存入数组中

实现效果：

搭建个简单框架

    请输入：<input id="put" type="text" value=""><br>
    <p><button id="btn" type="button">提交</button></p>

    数组显示暂存：<br>
    <textarea name="" id="int" cols="30" rows="10"></textarea>

用js代码实现效果

        //先定义一个空数组装准备输入的数据
        var arr = [];
        //连接、定义输入框，提交按钮和显示框
        var dPut = document.getElementById("put");
        var dBtn = document.getElementById("btn");
        var dInt = document.getElementById("int");
        //点击按钮实现功能
        dBtn.onclick = function array() {
            //连接输入框
            var tt = dPut.value;
            //Array.push();在数组结尾处向数组添加一个新的元素：
            arr.push(tt);
            //在输出框显示输入的数据
            dInt.value = arr;
            //每次手动删除输入框的数据很麻烦，所以再写一条提交之后就清空输入框的命令
            put.value = "";
        }

顺带一提，VSCode里的源代码管理的删除功能不要随便用，今天不小心删掉了全部代码，没有备份的，完全无法恢复了，当时就心梗到想重开了。于是决定多搬点代码笔记到线上保存，唉，删掉的那些项目都重写一遍，就当复习了。

最后

以上就是文艺书本为你收集整理的用js简单实现将输入的数据存入数组中的全部内容，希望文章能够帮你解决用js简单实现将输入的数据存入数组中所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。