六、小案例:小小加法计算器

六、小案例:小小加法计算器

要求用户输入两个数字,弹出两个数字的和。

6.1 输入语句

  • 输出语句:

    * console.log()
    
    * alert()
  • 现在来学习一个输入语句:

    * prompt()

prompt的功能就是弹出一个输入框。和alert相似,它也是一个函数,所以也要加一个圆括号对,表示运行

1
2
3
<script>
prompt("来了老弟,请输入内容");
</script>

UpBvf1.png

用户输入的东西,可以用一个变量来接收:

1
2
3
4
<script>
var a = prompt("来了老弟,请输入内容"); //弹出输入框,用户输入的东西,用一个变量a来接收
alert("你说的是:" + a + "。谢谢,我知道了");
</script>

字符串+变量+字符串形式,叫做“斩断链接

UpDPmD.png

6.2 小小加法计算器

程序的大致写法:

1
2
3
4
5
6
7
8
<script>
// 请用户输入第1个数字
var a = prompt("老弟,请输入第1个数字:");
// 请用户输入第2个数字
var b = prompt("老弟,请输入第2个数字:");
// 弹出结果
alert(a + b);
</script>

但是有瑕疵。用户输入的东西一定是字符串。而“字符串+字符串”功能是连字,不是加。

3+4的结果就是34了。

UpDgc6.png

需要将字符串变为数字。

转为数字要使用Number()这个API(Application Interfaces,通用程序接口)

1
2
3
4
5
6
7
8
<script>
// 请用户输入第1个数字,Number()注意大写N,表示转为数字类型
var a = Number(prompt("老弟,请输入第1个数字:"));
// 请用户输入第2个数字
var b = Number(prompt("老弟,请输入第2个数字:"));
// 弹出结果
alert(a + b);
</script>

UpDjHg.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script>
// 请用户输入第1个数字,Number()注意大写N,表示转为数字类型
var a = (prompt("老弟,请输入第1个数字:"));
// 请用户输入第2个数字
var b = (prompt("老弟,请输入第2个数字:"));
// 弹出结果
alert(Number(a + b)); //Nunber写在这里转的是“字符串a+字符串b”加完之后的结果ab(34)
</script>

<script>
// 请用户输入第1个数字,Number()注意大写N,表示转为数字类型
var a = (prompt("老弟,请输入第1个数字:"));
// 请用户输入第2个数字
var b = (prompt("老弟,请输入第2个数字:"));
// 弹出结果
alert(Number(a) + Number(b)); //Nunber写在这里表示数字a+数字b,结果为7
</script>

<script>
// 请用户输入第1个数字,Number()注意大写N,表示转为数字类型
var a = Number(prompt("老弟,请输入第1个数字:"));
// 请用户输入第2个数字
var b = Number(prompt("老弟,请输入第2个数字:"));
// 弹出结果
alert(“两个数字的和是:” + a + b); //先运算的是字符串+a
</script>

<script>
// 请用户输入第1个数字,Number()注意大写N,表示转为数字类型
var a = Number(prompt("老弟,请输入第1个数字:"));
// 请用户输入第2个数字
var b = Number(prompt("老弟,请输入第2个数字:"));
// 弹出结果
alert(“两个数字的和是:” + (a + b)); //先运算数字a+数字b
</script>
点击查看

本文标题:六、小案例:小小加法计算器

文章作者:Mango

发布时间:2020年07月08日 - 21:30:41

最后更新:2020年07月08日 - 22:35:39

原始链接:https://mango185.github.io/post/95f5a867.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------