发表于: 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


返回列表 返回列表
评论

    分享到