思路：
html 静态页面设置 两个input的输入及一个button 按钮，并对其命名：
接下来就进行获取相对应的DOM元素，控制台检测，onclick产生事件，一个封装函数
控制台可检测相应的点击按钮 ；随后设置var 的变量等于后边的value 的值；
创建一个obj 的对象，进行插入相对应的内容；arr.push()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="box">
<div>
<label for="user">姓名：</label>
<input type="text" id="user">
</div>
<div>
<label for="age">年龄：</label>
<input type="text" id="age">
</div>
<div>
<button type="button" class="add">添加</button>
</div>
</div>
<script type="text/javascript">
//获取元素
var user=document.getElementById("user")
var age=document.getElementById("age")
var add=document.querySelector(".add")
console.log(add)
var arr=[];
//点击事件
add.onclick=function(){
//验证点击事件是否生效
//console.log("dianji ")
//获取输入框的值
var userV=user.value;
var ageV=age.value;
//创建对象 保存数据
var obj={
user:userV,
age:ageV
}
//添加到数组
arr.push(obj)//数组的末尾添加
//打印结果
console.log(arr)
//清空输入框的内容
user.value="";
age.value="";
}
</script>
</body>
</html>
261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
