• 加法的案例改为 可以做加减乘除、求余五种运算


  • 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？ 
    1. (function(a){
    2. 			alert("战士连续作战"+parseInt(a/24)+"天"+a%24+"小时");
    3. 		}(89));
  • 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。

            提示：摄氏度与芈氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)，保留3位小数。 

  1. (function(a){
  2. 			alert("华氏温度（"+a+"度）"+"    " +"摄氏度"+"("+tmp_trasform(a)+")");
  3. 		}(80));
  4.  
  5. 		function tmp_trasform(tmp){
  6. 			return parseInt(5/9.0*(tmp-32)*1000)/1000;
  7. 		}

  • var k=-2;
          alert(++k + k++
+ ++k + k);
     -1        -1            
1        1=0
  
  • 入职薪水10K，每年涨幅5%，50年后工资多少？ 
    1. (function(a){
    2. 			var total=a;
    3. 			for(i=1;i<=50;i++)
    4. 				total+=total*0.05;
    5. 			alert(total);
    6. 		}(10));
  • 根据输入的数字，判断是否为闰年 
    1. (function(a){
    2. 			alert(a%400==0||(a%100!=0&&a%4==0)?"闰年":"不是闰年")
    3. 		}(2017));
  • 根据输入的成绩，判定成绩的等级A\B\C\D 
    1. 		(function(a){
    2. 			alert(core_(parseInt(a/10)))
    3. 		}(100));
    4.  
    5. 		function core_(core){
    6. 			switch(core){
    7. 				case 10:
    8. 				case 9: return 'A';
    9. 				case 8: return 'B';
    10. 				case 7: return 'C';
    11. 				case 6: return 'D';
    12.  
    13. 			}
    14. 		}
    15.

    根据输入的数字，返回星期几

  • 根据输入月份，输出每月天数 
    1. (function(a){
    2. 			alert(month_(a))
    3. 		}(10));
    4. 		function month_(month){
    5. 			switch(month){
    6. 				case 1:
    7. 				case 3:
    8. 				case 5:
    9. 				case 7:
    10. 				case 8:
    11. 				case 10:
    12. 				case 12: return 31;
    13. 				case 2:
    14. 						if(year%400==0||(year%100!=0&&year%4==0))
    15. 							return 29;
    16. 						else
    17. 							return 28;
    18.  
    19. 				default:return 30;
    20. 			}
    21. 		}
  • 判断一个整数，属于哪个范围：大于0；小于0；等于0 
    1. 		(function(a){
    2.  
    3. 			alert( a+"的值  ： "+(a>0?"大于零":a==0?"等于零":"小于零"));
    4. 		}(-100));
  • 判断一个整数是偶数还是奇数，并输出判断结果 
    1. (function(a){
    2.  
    3. 			alert( a+"的值  ： "+(a%2?"是奇数":"是偶数"));
    4. 		}(1001));
    5.
  • 开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适 
    1. (function(height,weight){
    2. 			var tmp=(height-108)*2
    3. 			alert(tmp+10>=weight?"体重合格":tmp-10<=weight?"体重合格":"体重不合格");
    4.  
    5. 		}(180,120));
var x =2;
switch(x){
     case 1: console.log(1);
     case 2: console.log(2);
     default:break;
     case 3: console.log(3);
}
这段小程序的输出结果是？    结果 2


  1. var x =2;
  2. switch(x){
  3.  default:break;
  4.      case 1: console.log(1);
  5.      case 2: console.log(2);
  7.      case 3: console.log(3);
  8. }



结果是：2 3


  • 根据一个数字日期，判断这个日期是这一年的第几天
            例如： "20160211"，计算后结果为42 
  1. var date_="20140211";
  2. 		var year=parseInt(Number(date_)/10000);
  3. 		var month=parseInt(Number(date_)/100)%100;
  4. 		var day=Number(date_)%100;
  5.  
  6. 		var total=0;
  7. 		for(var i=month-1;i>0;i--)
  8. 			total+=month_(i);
  9. 		console.log(total+=day);
  10.  
  11. 		function month_(month){
  12. 			switch(month){
  13. 				case 1:
  14. 				case 3:
  15. 				case 5:
  16. 				case 7:
  17. 				case 8:
  18. 				case 10:
  19. 				case 12: return 31;
  20. 				case 2:
  21. 						if(year%400==0||(year%100!=0&&year%4==0))
  22. 							return 29;
  23. 						else
  24. 							return 28;
  25.  
  26. 				default:return 30;
  27. 			}
  28. 		}

  • 计算器案例
    1. <!doctype html>
    2. <html>
    3. <head>
    4. 	<meta charset="UTF-8" />
    5. 	<title></title>
    6. 	<style>
    7. 		div{height:500px;width:500px;margin:50px auto;background#ccc;}
    8. 		button{height:20px;width:20px;background:#eee;}
    10. 	</style>
    12. </head>
    13. <body>
    14. 	<div>
    15. 		<label>请输入第一个数<input type="text" /></label><br/>
    16. 		<label>请输入第二个数<input type="text" /></label><br/>
    17. 		<button onclick="ac(this)">+</button>
    18. 		<button  onclick="ac(this)">-</button>
    19. 		<button  onclick="ac(this)">*</button>
    20. 		<button  onclick="ac(this)">/</button>
    21. 		<br/><br/>
    22. 		<input type="text" />
    24. 	</div>
    26. 	<script>
    28. 		var arr = document.getElementsByTagName("input");
    29. 		function ac(this_){
    30. 			var a=arr[0].value;
    31. 			var b=arr[1].value;
    32. 			var a_t=a;
    33. 			var b_t=b;
    34. 			//alert(Boolean((a=parseInt(a))&&(b=parseInt(b))));
    35. 			//((a=Number(a_t))&&(b=parseInt(b_t)))
    36. 			//x((a=parseInt(a_t))&&(b=Number(b_t)))
    38. 			if(!(((a=Number(a_t))&&(b=Number(b_t)))||((a=Number(a_t))&&(b=parseInt(b_t)))||((a=parseInt(a_t))&&(b=Number(b_t)))||((a=parseInt(a_t))&&(b=parseInt(b_t)))
    39. 			)){
    41. 				alert("请输入正确的数字");
    42. 				return;
    43. 			}
    45. 			var res=0;
    46. 			switch(this_.innerHTML){
    47. 				case '+' : res=a+b;break;
    48. 				case '-' : res=a-b;break;
    49. 				case '*' : res=a*b;break;
    50. 				case '/' : res=a/b;break;
    51. 				default: break;
    52. 			}
    53. 			arr[2].value=res;
    55. 		}
    57. 	</script>
    58. </body>
    59. </html>



  • 编写一个页面表单，使用JS判断输入内容是否合法
<style type="text/css">
;}
     html,body{
%;
          background: #9CBC2C;
          font-family: "微软雅黑";
     }
     ul,ol,input { list-style: none; border: none;}
px auto; }
     .main .step{
px;
px; font-weight: bold;
 px;
     }
     .main ul li {
px;
px;
, .3);
px #e3ebc3;
, .6);
px;
     }
     .main ul li label{
px; color: #111111;
px;
     }
     .main ul li input{
px;
px;
px; outline: none;
px;
     }
     .main .savebtn{
px;
          text-align: center; color: #E3EBC3;
          font-weight: bold; cursor: pointer;
px auto;
px gray;
          background: linear-gradient(#50B9FD,#1158A8);
     }
</style>
<body>
     <div class="main">
          <span class="step">Step1:用户详细资料</span>
          <ul>
              <li>
                   <label>用户名称:</label>
                   <input type="text" placeholder="请输入用户名" />
              </li>
              <li>
                   <label>邮件地址:</label>
                   <input type="text" placeholder="example@qq.com" />
              </li>
              <li>
                   <label>练习电话:</label>
                   <input type="text" placeholder="13539008452" />
              </li>
          </ul>
          <span class="step">Step2:家庭住址（收货地址）</span>
          <ul>
              <li>
                   <label>详细地址:</label>
                   <input type="text" placeholder="请输入用户名" />
              </li>
              <li>
                   <label>邮政编码:</label>
                   <input type="text" placeholder="example@qq.com" />
              </li>
              <li>
                   <label>国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家:</label>
                   <input type="text" placeholder="13539008452" />
              </li>
          </ul>
          <span class="savebtn">保存</span>
     </div>
</body>











JavaScript基础练习（一）的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. python基础----封装、封装与扩展性

    从封装本身的意思去理解,封装就好像是拿来一个麻袋,把小猫,小狗,小王八,还有egon和alex一起装进麻袋,然后把麻袋封上口子.但其实这种理解相当片面 首先我们要了解 要封装什么 你钱包的有多少钱(数 ...

  2. opencv函数制作的时钟模型

    http://www.cnblogs.com/sytu/p/4192652.html 在秒针模型的基础上添加了分针和时针,并且添加了暂停控件和设置时间的功能. #include"cv.h&q ...

  3. 微信小程序传值

    方式一:通过设置id方式传值 <button class="btninvest" bindtap="goinvet" id="{{item.tx ...

  4. 前端PHP入门-013-变量作用域

    目前,我们知道了几个不同的规矩: 函数定义时后括号里面接的变量是形式上的参数(形参),与函数体外的变量没有任何关系.仅仅是在函数内部执行 函数内声明的变量也与函数外的变量没关系. 但是,我们实际的处理 ...

  5. 2017北京国庆刷题Day2 afternoon

    期望得分:100+100+50=250 实际得分:100+70+50=220 T1 最大值(max) Time Limit:1000ms   Memory Limit:128MB 题目描述 LYK有一 ...

  6. 数学：A^B的约数（因子）之和对MOD取模

    POJ1845 首先把A写成唯一分解定理的形式 分解时让A对所有质数从小到大取模就好了 然后就有:A = p1^k1 * p2^k2 * p3^k3 *...* pn^kn 然后有: A^B = p1 ...

  7. 新Linux系统配置yum源

    新的Linux系统安装好以后,yum的源还是需要配置一下的,我使用的是redhat6.6版本,同时为了不注册而使用更多的yum源的资源,也需要做一下的修改. 1. 删除redhat原有的yum源 # ...

  8. IO流-LineNumberReader

    LineNumberReader继承自BufferedReader,比其多了两个方法,用于设置和获取当前行号, setLineNumber(); getLineNumber();

  9. iOS程序启动原理---iOS-Apple苹果官方文档翻译

    本系列所有开发文档翻译链接地址:iOS7开发-Apple苹果iPhone开发Xcode官方文档翻译PDF下载地址 //转载请注明出处--本文永久链接:http://www.cnblogs.com/Ch ...

  10. 一. Jmeter--使用代理录制脚本

    Jmeter脚本是以.JMX格式为主 1. Jmeter也是支持录制的,支持第三方录制方式和代理录制方式. (1).第三方录制主要是通过badboy来录制,录制后另存为jmx格式即可. (2).Jme ...