发表于: 2017-04-20 23:53:57
3 1071
今天完成的事情:
一。慕课网进阶篇又学了不少东西,Switch语句;和if语句差不多,当有很多种选项的时候,switch比if else使用
更方便。switch(表达式){case值1: 执行代码块 1 break;case值2: 执行代码块 2 break;...case值n: 执行代码块
n break;default: 与 case值1 、 case值2...case值n 不同时执行的代码 };Switch必须赋初始值,值与每个case
值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行
default后的语句。
二。写了一个计算器
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
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"+":
d = parseInt(a)+parseInt(b);
break;
case"-":
d = a-b;
break;
case"*":
d = a*b;
break;
case"/":
d = a/b;
break;
}
document.getElementById("fruit").value=d;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = 'onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
</body>
</html>
三。解决了困扰很久的task1中的小bug;
明天计划做的事情:把慕课网进阶篇看完吧,消化的有点慢;
遇到的问题:task1中小个子闪的时候哦而只有两个小格子有颜色;一直没找到原因;大家研究很久都没有结果,
此时启辰大师兄出手相助2分钟解决问题:原来是取得随机颜色有问题,我们取得随机颜色都是用16进制取的,随
机出来的16进制颜色不能转换成rgb颜色,所以出现这种情况,随机颜色用rgb取就没毛病了,或者在用16进制区
的时候加一条if判断,当取出来的颜色长度值不等于7的时候重新执行一次就ok了。
收获:幕课网学了不少基础的东西,有些东西只是见过没用过,解决了困扰已久的task1bug
评论