发表于： 2017-04-18 23:38:26
2 674
今天完成：
修改任务15的页面，还有些小瑕疵。
继续学习js知识，函数的相关知识，鼠标事件，
函数调用：
add2();//调用函数，直接写函数名。
<input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名
返回值的函数：不知道在什么场景会使用到这个属性，还不是很理解。
return sum; //返回函数值,return后面的值叫做返回值。
做了个慕课上的小测试，写个简单的计算器运算。
明天计划：
继续学习js，把数组，随机数再学习下，开始js任务。
遇到困难：
想了下任务一的逻辑，取完随机数怎么和随机的颜色放到一起，又怎么复制给dom，好多难点，，估计上手协会更多。。
收获：学会写简单计算器了
function count() {
var d ="";
var a=document.getElementById("txt1").value;
var b=document.getElementById("txt2").value;
var c=document.getElementById("select").value;
switch (c){
case"1":
d = parseInt(a)+parseInt(b);
break;
case"2":
d = a-b;
break;
case"3":
d = a*b;
break;
case"4":
d = a/b;
break;
}
document.getElementById("fruit").value=d;
}
</script>
</head>
<body>
<input type='number' id='txt1' />
<select id='select'>
<option value='1'>+</option>
<option value="2">-</option>
<option value="3">*</option>
<option value="4">/</option>
</select>
<input type='number' id='txt2' />
<input type='button' value=' = ' onclick="count()"/>
<!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
返回列表
评论