用js简单实现将输入的数据存入数组中
【代码】用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里的源代码管理的删除功能不要随便用,今天不小心删掉了全部代码,没有备份的,完全无法恢复了,当时就心梗到想重开了。于是决定多搬点代码笔记到线上保存,唉,删掉的那些项目都重写一遍,就当复习了。
更多推荐
已为社区贡献1条内容
所有评论(0)