JavaScript基础——JS简单案例

JS一些简单案例

各种简单案例

变量案例弹出用户名

题目：
1、弹出一个输入框，提示用户输入姓名。
2、弹出一个对话框，输出用户刚才输入的姓名。

// 1、用户输入姓名 存储到一个 myname 的变量里面
var myname = prompt('请输入您的名字');
// 2、输出这个用户名
alert(myname);

显示年龄案例

题目：
弹出一个输入框，需要用户输入年龄，之后弹出一个警示框显示 “您今年XX岁了” （XX表示刚才输入的年龄）
思路：
弹出一个输入框（prompt），让用户输入年龄（用户输入）
把用户输入的值用变量保存起来，把刚才输入的年龄与所要输出的字符串拼接（程序内部处理）
使用 alert 语句弹出警示框（输出结果）

var age = prompt('请输入您的年龄');
var str = '您今年已经' + age + '岁了';
alert(str);

计算年龄案例

题目：
要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄
思路：
弹出一个输入框（prompt），让用户输入出生年份（用户输入）
把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄（程序内部处理）
弹出警示框（alert），把计算的结果输出（输出结果）

var year = prompt('请您输入您的出生年份');
var age = 2022 - year; // year 取过来的是字符串型 但是这里用的减法 有隐式转换
alert('您今年已经' + age + '岁了');

简单加法器案例

题目：
计算两个数的值，用户输入第一个值后，继续弹出第二个输入框并输入第二个值，最后通过弹出窗口显示出两次输入值相加的结果。
思路：
先弹出第一个输入框，提示用户输入第一个值 保存起来
再弹出第二个框，提示用户输入第二个值 保存起来
把这两个值相加，并将结果赋给新的变量（注意数据类型转换）
弹出警示框（alert），把计算的结果输出（输出结果）

var num1 = prompt('请您输入第一个值：');
var num2 = prompt('请您输入第二个值：');
var result = parseFloat(num1) + parseFloat(num2);
alert('您的结果是：' + result);

进入网吧案例

题目：
弹出一个输入框，要求用户输入年龄，如果年龄大于等于18岁，允许进入网吧，否则回家写作业去
思路：
弹出 prompt 输入框，用户输入年龄，程序把这个值取过来保存到变量中
使用 if 语句来判断年龄，如果年龄大于 18 就执行 if 大括号里边的输出语句

var age = prompt('请输入您的年龄：');
if (age >= 18) {
   
	alert('您已成年，请到前台激活');
} else {
   
	alert('滚回家做作业去');
}

判断闰年案例

题目：
接收用户输入的年份，如果是闰年就弹出闰年，否则弹出是平年
思路：
1、算法：能被4整除且不能整除100的为闰年（如2004年就是闰年，1901年不是闰年）或者能够被400整除的就是闰年
2、弹出 prompt 输入框，让用户输入年份，把这个值取过来保存到变量中
3、使用 if 语句来判断是否是闰年，如果是闰年，就执行 if 大括号里面的输出语句，否则就执行 else 里面的输出语句
4、一定要注意里面的且 && 还有 || 的写法，同时注意判断整除的方法是取余为 0

var year = prompt('请您输入年份：');
        if (year % 4 == 0 && year % 100