前端（十三）
2018-08-24 本文已影响0人
要你何用杀了算了
1.小作业
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var score = prompt('请输入成绩(0-100):');
if (score == 100){
alert('恭喜你得到一个房子');
}else if (score >= 80 && score <= 99){
alert('恭喜你得到一辆宝马');
}else if (score >= 60 && score <= 79){
alert('恭喜你得到一部手机');
}else if (score <= 59){
alert('扫厕所去吧');
}
</script>
</head>
<body>
</body>
</html>
2.if练习2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习2</title>
<script type="text/javascript">
/*
* 大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件：
* 高：180cm以上; 富:1000万以上; 帅:500以上;
* 如果这三个条件同时满足，则:'我一定要嫁给他'
* 如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。'
* 如果三个条件都不满足，则:'不嫁！'
*/
var heght = prompt('请输入身高:');
var fu = prompt('请输入资金:');
var shuai = prompt('请输入颜值:');
if (heght >= 180 && fu >= 1000000 && shuai >= 100) {
alert('完美 嫁给他')
}
else if (heght >= 180 || fu >= 1000000 || shuai >= 100) {
alert('有点瑕疵 没事 勉强嫁给他')
}
else if(heght < 180 && fu < 1000000 && shuai < 100){
alert('不嫁')
}
</script>
</head>
<body>
</body>
</html>
3.if练习3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>if练习3</title>
<script type="text/javascript">
/*
* 编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
* 对他们进行排序，并且从小到大输出。
*/
var num1 = prompt('请输入一个数字:');
var num2 = prompt('请输入一个数字:');
var num3 = prompt('请输入一个数字:');
if (num1 < num2) {
alert('num1小 num2大')
}else if(num2 < num3){
alert('num2小 num3大')
}else if (num3<num1) {
alert('num3小 num1大')
}
</script>
</head>
<body>
</body>
</html>
4.switch练习1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习1</title>
<script type="text/javascript">
var score = prompt('请输入数字:');
score = Number(score);
/*
* 对于成绩大于等于60分的，输出'合格'。低于60分的，输出'不合格'
*/
// var s = 100;
if (score > 100 || score < 0 ){
alert('输入有误')
}
score = parseInt(score/60);
switch(score){
case 1:
alert('合格')
break;
case 0:
alert('不合格')
break;
}
</script>
<body>
</body>
</html>
5.switch练习2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习2</title>
<script type="text/javascript">
/*
* 从键盘接收整数参数，如果该数为1-7，打印对应的星期，否则打印非法参数。
*/
var today = prompt('请输入数字:');
// today = Number(today);
// 另外一种方法转换 字符串
switch(today){
// case 8:
// alert('星期11')
// break;
case '1':
alert('星期1')
break;
case '2':
alert('星期2')
break;
case '3':
alert('星期3')
break;
case '4':
alert('星期4')
break;
case '5':
alert('星期5')
break;
case '6':
alert('星期6')
break;
case '7':
alert('星期7')
break;
default:
alert('没有')
}
</script>
<body>
</body>
</html>
6.计算器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
window.onload = function(){
var oInput01 = document.getElementById('input01');
var oInput02 = document.getElementById('input02');
var oSelect = document.getElementById('select');
var oBtn = document.getElementById('btn');
oBtn.onclick = function(){
var val01 = oInput01.value;
var val02 = oInput02.value;
//不做此判断会弹出“NaN”
if(val01=="" || val02==""){
alert('输入框不能为空！');
return;
}
if(isNaN(val01) || isNaN(val02)){
alert('请输入数字！');
return;
}
switch(oSelect.value){
case '0':
alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
break;
case '1':
alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
break;
case '2':
alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
break;
case '3':
alert((parseFloat(val01)*100) / (parseFloat(val02)*100));
break;
}
}
}
</script>
</head>
<body>
<h1>计算器</h1>
<input type="text" name="" id="input01" />
<select id="select">
<option value="0">+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" name="" id="input02" />
<input type="button" name="" value="计算" id="btn" />
</body>
</html>
