JavaScript基础练习（一）

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

为抵抗洪水，战士连续作战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;

, .3);

px #e3ebc3;

, .6);

px;

}

.main ul li label{

px; color: #111111;

px;

}

.main ul li input{

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>国       家:</label>

<input type="text" placeholder="13539008452" />

</li>

</ul>

<span class="savebtn">保存</span>

</div>

</body>

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

JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
一步步学习javascript基础篇（0）:开篇索引
索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等 ...
前端之JavaScript基础
前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
Javascript基础回顾之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象在JavaScript中 ...
javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
javascript基础02
javascript基础02 1.数据类型数据类型的描述在上篇的扩展中有写到链接由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

「CodePlus 2017 12 月赛」可做题2（矩阵快速幂+exgcd+二分）
昨天这题死活调不出来结果是一个地方没取模,凉凉. 首先有个一眼就能看出来的规律... 斐波那契数列满足$a_1, a_2, a_1+a_2, a_1+2a_2, 2a_1+3a_2, 3a_1+5a_ ...
【learning】快速沃尔什变换FWT
问题描述已知$A(x)$和$B(x)$,$C[i]=\sum\limits_{j\otimes k=i}A[j]*B[k]$,求$C$ 其中$\otimes$是三种位运算的其中一 ...
python基础----内置函数----匿名函数（lambda）
Python3版本所有的内置函数: 1. abs() 获取绝对值 >>> abs(-) >>> abs() >>> abs() >>& ...
【分块】【P2801】教主的魔法
Description 给你一个长度为 $n$ 的序列,要求资瓷区间加,查询区间大于等于 $k$ 的数的个数 Input 第一行是 $n~,~Q$ 代表序列长度和操作个数下面一行代表序列 ...
dorado重置按钮事件
// @Bind #btnReset.onClick!function(self, arg) { var subNo = view.get("#dsQueryCriteria"). ...
Spring MVC POJO入参过程分析
SpringMVC确定目标方法POJO类型的入参过程 1.确认一个key: (1).若目标方法的POJO类型的参数没有使用@ModelAttribute作为修饰,则key为POJO类名第一个字母的小写 ...
Codeforces 932.E Team Work
E. Team Work time limit per test 2 seconds memory limit per test 256 megabytes input standard input ...
bzoj 1528 [POI2005]sam-Toy Cars 堆维护+贪心
1528: [POI2005]sam-Toy Cars Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 716 Solved: 306[Submit][S ...
LeakCanary原理分析
参考文档 http://blog.csdn.net/wyfei021/article/details/46506521http://vjson.com/wordpress/leakcanary%e6% ...
前端PHP入门-006-表达式和运算符
算术运算概念算数运算符,就是大家小学所学绝大多数知识: 符号描述示例 + 加号 x+" role="presentation" style="posit ...

JavaScript基础练习（一）

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

随机推荐

热门专题