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


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

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

(function(a){
			alert("华氏温度（"+a+"度）"+"    " +"摄氏度"+"("+tmp_trasform(a)+")");
		}(80));

		function tmp_trasform(tmp){
			return parseInt(5/9.0*(tmp-32)*1000)/1000;
		}

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

		function core_(core){
			switch(core){
				case 10:
				case 9: return 'A';
				case 8: return 'B';
				case 7: return 'C';
				case 6: return 'D';

			}
		}

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

  • 根据输入月份，输出每月天数 
    (function(a){
			alert(month_(a))
		}(10));
		function month_(month){
			switch(month){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12: return 31;
				case 2:
						if(year%400==0||(year%100!=0&&year%4==0))
							return 29;
						else
							return 28;

				default:return 30;
			}
		}
  • 判断一个整数，属于哪个范围：大于0；小于0；等于0 
    		(function(a){

			alert( a+"的值  ： "+(a>0?"大于零":a==0?"等于零":"小于零"));
		}(-100));
  • 判断一个整数是偶数还是奇数，并输出判断结果 
    (function(a){

			alert( a+"的值  ： "+(a%2?"是奇数":"是偶数"));
		}(1001));
  • 开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适 
    (function(height,weight){
			var tmp=(height-108)*2
			alert(tmp+10>=weight?"体重合格":tmp-10<=weight?"体重合格":"体重不合格");

		}(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


var x =2;
switch(x){
 default:break;
     case 1: console.log(1);
     case 2: console.log(2);

     case 3: console.log(3);
}



结果是：2 3


  • 根据一个数字日期，判断这个日期是这一年的第几天
            例如： "20160211"，计算后结果为42 
var date_="20140211";
		var year=parseInt(Number(date_)/10000);
		var month=parseInt(Number(date_)/100)%100;
		var day=Number(date_)%100;

		var total=0;
		for(var i=month-1;i>0;i--)
			total+=month_(i);
		console.log(total+=day);

		function month_(month){
			switch(month){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12: return 31;
				case 2:
						if(year%400==0||(year%100!=0&&year%4==0))
							return 29;
						else
							return 28;

				default:return 30;
			}
		}

  • 计算器案例
  • <!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title></title>
	<style>
		div{height:500px;width:500px;margin:50px auto;background#ccc;}
		button{height:20px;width:20px;background:#eee;}

	</style>

</head>
<body>
	<div>
		<label>请输入第一个数<input type="text" /></label><br/>
		<label>请输入第二个数<input type="text" /></label><br/>
		<button onclick="ac(this)">+</button>
		<button  onclick="ac(this)">-</button>
		<button  onclick="ac(this)">*</button>
		<button  onclick="ac(this)">/</button>
		<br/><br/>
		<input type="text" />

	</div>

	<script>

		var arr = document.getElementsByTagName("input");
		function ac(this_){
			var a=arr[0].value;
			var b=arr[1].value;
			var a_t=a;
			var b_t=b;
			//alert(Boolean((a=parseInt(a))&&(b=parseInt(b))));
			//((a=Number(a_t))&&(b=parseInt(b_t)))
			//x((a=parseInt(a_t))&&(b=Number(b_t)))

			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)))
			)){

				alert("请输入正确的数字");
				return;
			}

			var res=0;
			switch(this_.innerHTML){
				case '+' : res=a+b;break;
				case '-' : res=a-b;break;
				case '*' : res=a*b;break;
				case '/' : res=a/b;break;
				default: break;
			}
			arr[2].value=res;

		}

	</script>
</body>
</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. 【CF Gym100228】Graph of Inversions

    Portal --> qwq(貌似是CodeForces Gym 100228 (ECNA2003) - I) Description 对于长度为 \(n\) 的序列 \(A\) ,定义其逆序图 ...

  2. 驱动之LCD的介绍与应用20170209

    本文主要介绍的是LCD的介绍与应用,直接看个人笔记即可:

  3. uCOS-II之移植20160823

    首先我们看一下uC/OS-II的框架图: 1.配置文件修改 +------------------------------------------ |core: os_core.c |  os: os ...

  4. char* & 与 char*

    原文 char*& 为指针引用,通常需要更改指针本身并返回时才这样用. char *&是指针引用char *是指针当用指针引用作为形参的时候,改变形参的指针,同时实参的指针也改变了.当 ...

  5. php实现多继承-trait语法

    自 PHP 5.4.0 起,PHP 实现了一种代码复用的方法,称为 trait. Trait 是为类似 PHP 的单继承语言而准备的一种代码复用机制.Trait 为了减少单继承语言的限制,使开发人员能 ...

  6. z-index详细攻略

    概念 z-index 属性设置元素的堆叠顺序.拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面. 层级关系的比较 1. 对于同级元素,默认(或position:static)情况下文档流后面的 ...

  7. Jquery 操作 Select 详解

    jQuery是如何控制和操作select的.先看下面的代码 比如<select class="selector"></select> 1.设置value为p ...

  8. sublime wrong

    Q1: sublime报错: There are no packages available for installation A1: window下的:C:\Windows\System32\dri ...

  9. 重构改善既有代码设计--重构手法04：Replace Temp with Query （以查询取代临时变量）

    所谓的以查询取代临时变量:就是当你的程序以一个临时变量保存某一个表达式的运算效果.将这个表达式提炼到一个独立函数中.将这个临时变量的所有引用点替换为对新函数的调用.此后,新函数就可以被其他函数调用. ...

  10. 一个ASP.NET中使用的MessageBox类

    /// <summary> /// 自定义信息对话框 /// </summary> public class MessageBox { /// <summary> ...