最近在学JS,由于之前学过其他的编程语言,所以学这个脚本语言自然就简单一些。这是一个网页版的纯JS代码实现的小的计算器功能。也是用来警戒我自己吧,以为学过了其他的编程语言就放松了基础的代码编辑,每个不同的语言都有一些细微的不同之处。要细心,放平心态,不要自以为是。因为我写这个代码的过程中,顾虑的太多了,很多基本的要点还没有想到,总之,学习任何编程语言都是,不要眼高手低,实操很重要,很重要,很重要。
问题:用户输入任意两个数字的任意算术运算(简单的计算器小功能),并能弹出运算后的结果。
简易计算器代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>计算器</title>
<script>
function jisuanqi(num1, symbol, num2) {
var result = 0;
switch (symbol) {
case '+':
result = num1 + num2;
break;
case '-':
result = num1 - num2;
break;
case '*':
result = num1 * num2;
break;
case '-':
result = num1 / num2;
break;
case '%':
result = num1 % num2;
break;
default:
alert('很抱歉,该简易计算器无法计算这个式子。');
}
return result;
}
var str = prompt('你好,欢迎使用简易计算器:\n\n请先输入运算符:(加->+,减->-,乘->*,除->/,取余->%)');
var num1 = parseFloat(prompt('请输入第一个数'));
var num2 = parseFloat(prompt('请输入第二个数'));
alert(jisuanqi(num1, str, num2));
</script>
</head>
<body>
</body>
</html>
冒泡排序代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>冒泡排序</title>
<script>
function sort(arr) {
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - 1 - i; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
return arr;
}
var arr1 = sort([1353, 33, 55, 46, 76, 3, 4367, 55, 6465]);
console.log(arr1);
</script>
</head>
<body>
</body>
</html>
上述两个代码一样的地方就是相同的格式,加粗的地方为重点的JS代码。