以下都是pink老师课堂上的小练习~
题目1
弹出一个输入框,需要输入用户年龄,之后弹出一个警示框显示“您今年XX岁啦”(XX表示刚刚输入的年龄)
利用JS编写了一个简单的交互效果
var age = prompt('请输入您的年龄');
var str = '您今年已经' + age + '岁了';
alert(str);
题目2
在页面中弹出一个输入框,我们输入出生年份后,可以计算我们的年龄。
var bornYear = prompt('请输入您的出生年份');
var age = 2022 - bornYear; //2022数字型,bornYear字符串型,减法隐式转换
alert('您今年已经' + age + '岁了');
题目3
简单加法器案例:计算两个数值的和,用户输入第一个值后,继续弹出输入框输入第二个值,最后通过弹出框显示两个值相加的结果。
var num1 = prompt("请输入第一个数字");
var num2 = prompt("请输入第二个数字");
var sum = parseFloat(num1) + parseFloat(num2);
alert('数字之和是:' + sum);
课后作业
依次询问获取用户的姓名、年龄、性别,效果如下图所示。
思路:1.需要prompt进行用户输入。
2.输入以后需要存值
3.用alert进行输出
4.需要换行
var name = prompt("您的姓名是:");
var age = prompt("您的年龄是:");
var sex = prompt("您的性别是:");
alert('您的姓名是:' + name + '\n'
+ '您的年龄是:' + age + '\n'
+ '您的性别是:' + sex + '\n');
值得注意的是此时prompt获取存入的值,输入都是以字符串的形式,如果需要其他数据类型,则需要进行转换。