刚开始学习前端知识,有什么做得不好,望各位多多指教下,谢谢!
最终做出来的效果图:
这个计算器用了两种方法,基本功能都实现了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
while (true) {
var num = prompt('欢迎使用简易计算器:\n1.加法运算\n2.减法运算\n3.乘法运算\n4.除法运算\n5.退出\n请输入你的选项:');
if (num == 1) {
shuru();
} else if (num == 2) {
shuru();
} else if (num == 3) {
shuru();
} else if (num == 4) {
shuru();
} else if (num == 5) {
var exit = prompt('是否确定退出?(Y or N)');
if (exit == 'Y') {
exit = false;
alert('退出成功!');
break;
} else if (exit == 'N') {
alert('取消退出!');
} else {
alert('请输入正确指令!');
}
} else {
alert('请输入正确指令!');
}
/* switch (parseInt(num)) {
case 1:
// var num1 = prompt('请输入第一个值:');;
// var num2 = prompt('请输入第二个值:');;
// alert(jiafa(parseFloat(num1), parseFloat(num2)));
shuru();
break;
case 2:
shuru();
// var num1 = prompt('请输入第一个值:');;
// var num2 = prompt('请输入第二个值:');;
// alert(jianfa(parseFloat(num1), parseFloat(num2)));
break;
case 3:
shuru();
// var num1 = prompt('请输入第一个值:');;
// var num2 = prompt('请输入第二个值:');;
// alert(chengfa(parseFloat(num1), parseFloat(num2)));
break;
case 4:
shuru();
// var num1 = prompt('请输入第一个值:');;
// var num2 = prompt('请输入第二个值:');;
// alert(chufa(parseFloat(num1), parseFloat(num2)));
break;
case 5:
var exit = prompt('是否确定退出?(Y/N)');
if (exit == 'Y') {
exit == false;
alert('退出成功!');
break;
} else if (exit == 'N') {
alert('取消退出!');
} else {
alert('请输入正确指令!');
}
default:
alert('请输入正确的指令');
break;
} */
}
function jiafa(num1, num2) {
return num1 + num2;
}
function jianfa(num1, num2) {
return num1 - num2;
}
function chengfa(num1, num2) {
return num1 * num2;
}
function chufa(num1, num2) {
return num1 / num2;
}
function shuru() {
var num1 = prompt('请输入第一个值:');;
var num2 = prompt('请输入第二个值:');;
if (num == 1) {
alert(jiafa(parseFloat(num1), parseFloat(num2)));
} else if (num == 2) {
alert(jianfa(parseFloat(num1), parseFloat(num2)));
} else if (num == 3) {
alert(chengfa(parseFloat(num1), parseFloat(num2)));
} else if (num == 4) {
alert(chufa(parseFloat(num1), parseFloat(num2)));
}
}
</script>
</head>
<body>
</body>
</html>