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数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

【bzoj3230】相似子串
Portal -->bzoj3230 Description 给你一个长度为\(n\)的字符串,把它的所有本质不同的子串按字典序大小排序,有\(m\)个询问,对于每一个询问\(x,y\)你需要回 ...
「Django」rest_framework学习系列-分页
分页a.分页,看第N页,每页显示N条数据方式一:使用PageNumberPagination创建分页对象,配合settings全局配置 views设置 from rest_framework.pagi ...
SDK代码记录
zynq中SDK相关API的学习.记录常用函数 /*************************************************************************** ...
Linux下打包压缩war和解压war包 zip和jar
============jar================= 把当前目录下的所有文件打包成game.warjar -cvfM0 game.war ./ -c 创建war包-v 显示过程信息 ...
2017北京国庆刷题Day6 morning
期望得分:100+100+20=220 实际得分:100+100+20=220 模拟栈 #include<cstdio> #include<cstring> using nam ...
Logitech K810 + Ubuntu
The Logitech K810 is a nice keyboard, but it does not work with Ubuntu out of the box. Still contrar ...
[转]C语言指针详解(经典,非常详细)
博文地址:https://blog.csdn.net/constantin_/article/details/79575638 写得很好啊! 这里写一下笔记好了 int p; //这是一个普通的整型变 ...
【BZOJ】2125: 最短路圆方树（静态仙人掌）
[题意]给定带边权仙人掌图,Q次询问两点间最短距离.n,m,Q<=10000 [算法]圆方树处理仙人掌问题 [题解]树上的两点间最短路问题,常用倍增求LCA解决,考虑扩展到仙人掌图. 先对仙人掌 ...
NYOJ 739 笨蛋难题四（数学）
题目链接描述这些日子笨蛋一直研究股票,经过调研,终于发现xxx公司股票规律,更可喜的是笨蛋推算出这家公司每天的股价,为了防止别人发现他的秘密.他决定对于这家公司的股票最多买一次,现在笨蛋已经将 ...
天梯赛 L2-012 关于堆的判断（二叉树）
将一系列给定数字顺序插入一个初始为空的小顶堆H[].随后判断一系列相关命题是否为真.命题分下列几种: "x is the root":x是根结点: "x and y ar ...

JavaScript基础练习（一）

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

随机推荐

热门专题