实现效果:

搭建个简单框架

    请输入:<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里的源代码管理的删除功能不要随便用,今天不小心删掉了全部代码,没有备份的,完全无法恢复了,当时就心梗到想重开了。于是决定多搬点代码笔记到线上保存,唉,删掉的那些项目都重写一遍,就当复习了。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐