综合案例--计算和显示年龄_ui上如何标识年龄-CSDN博客

本文链接：https://blog.csdn.net/2303_78660417/article/details/140353612

一.设计要求

首先需要弹出一个输入框，供用户输入他的出生年份，接着就能直接得出并告知给用户现在的年龄。

二.设计思路

1.首先使用prompt来使浏览器弹出输入框，供用户输入出生年份。

2.接着定义一个变量来存储这个出生年份。

3.然后再定义一个变量来存储当前年份与用户出生年份之差。这个变量就是用户的年龄。

4.最后使用alert来使浏览器弹出最后的结果。

三.设计原理

1.使用prompt获取数据时，获取到的数据会保存到我们的后台，因此可以定义一个变量来接收这个数据。

2.当表达式中有数字型数据时，在进行减，乘，除运算的时候，会自动把其他数据类型转换为数字型Number，这是一种隐式转换。

3.当表达式中有字符串类型的时候，不管另外一个数据类型是什么，结果都会是字符串型String.

4.字符串能进行拼接，使用+加号连接。

四.设计结果展示

五.源代码展示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    var year=prompt('请输入您的出生年份：')
    var age=2024-year
    alert('您今年'+age+'岁了')
  </script>
</head>
<body>
  
</body>
</html>