DOM基础2-17 编程练习

2-17 编程练习

小伙伴们，今天我们学习了DOM 0级事件，那么根据gif图，实现以下功能：（1）当点击“录入”按钮时，循环弹出输入框，使用户输入信息

（2）直到用户输入-1，停止弹出输入框，然后将用户输入的信息输出在页面上。

Tips：

使用通过DOM获取HTML元素的方式绑定事件

任务

根据gif效果图实现下面的任务步骤：

第一步：先写出按钮的html代码

 Tips：按钮的值是“录入“

第二步：通过DOM选取元素的方式获取到“录入”按钮这个对象

Tips：获取按钮对象，用DOM选取元素的方式：id选取或者元素名选取均可

第三步：给“录入”标签绑定点击事件

Tips：注意调用函数的写法

第四步： “录入”按钮绑定的事件函数的执行代码

（1）  定义一个新数组，保存用户输入的所有信息

（2）  定义一个变量，接收用户每一次输入的信息

（3）  循环弹出输入框，直到用户输入-1，则停止弹出；

（4）  用户在输入框中输入的每一个信息，都放进新建的数组