没有合适的资源？快使用搜索试试~ 我知道了~

文库首页安全技术网络安全01_JS基础阶段1

01_JS基础阶段1

javascript

需积分: 0 0 下载量 67 浏览量 2022-08-04 14:31:25 上传评论收藏 896KB PDF 举报

温馨提示

试读

30页

4.2 自增自减练习 2.4 变量复制 2.5 交换2个变量的值 3.2 案例 – 工资计算 3.4 案例 – 工资计算2 7.1 for各种练

资源详情

资源评论

资源推荐

JS基础

Day01

课上练习

4.2 自增自减练习

需求: 回答下面每道题的结果

答案

案例

2.4 变量复制

2.5 交换2个变量的值

// 需求: 回答下面代码打印的结果

// 题目1:

var g = 3;

var h = ++g + g++;

console.log(g, h);

// 题目2:

var a = 10;

var b = 5;

var c = ++a + ++b;

var d = c++ + ++c;

var e = ++d + d++;

console.log(a, b, c, d, e);

g是5, h是8

a, b, c, d, e的值是 11 6 19 38 74

// 需求: 把变量a的值, 赋值给变量b

// 思路: var 变量b, 然后用 =(赋值运算符), 把右侧变量a赋值给变量b

var a = 10; // 以后写a的地方都代表10

var b = a; // 把a的值赋予给了b (b现在也是10了) - 复制

console.log(a, b); // 打印a和b变量里的值

// 答案:

// a - 10

// b - 10

3.2 案例 – 工资计算

效果演示:

// 需求: 把a变量的值和b变量的值交换

// 思路: 要把a的值赋予到一个中间变量上, 再把b的值覆盖给a, 然后把中间变量上的值赋予给b

var a = 18;

var b = 31;

var temp; // 声明中间变量temp, 先不给值

temp = a; // 把a的值赋予到temp上 (temp里装着18)

a = b; // 把b的值, 赋予给a (现在a和b的值都是31了)

b = temp; // 把temp的18, 赋予给b (b是18了, a还是31, 完成交换)

console.log(a, b);

// 答案:

// a - 31

// b - 18

// 需求: 老板在输入提示框里, 输入狗蛋的绩效工资, 然后和固定基本工资相加后, 在弹窗中显示狗蛋的最终工资

// 思路:

// (1): 输入提示框(点击确定后) - 可以用变量接受输入提示框返回的数值

// (2): 在JS声明变量, 保存固定的基本工资

// (3): 再用alert打印, 上面2个变量的和

// 1. 弹窗 - 接受输入内容

var a = prompt("请输入狗蛋的绩效工资");

// 2. 基本工资

var b = 2000;

// 3. 弹窗提示和

alert(a + b);

// 问题: 发现a和b拼接了, 不是算术+运算

// 原因: 页面上获取的值是字符串, 字符串和数字相加是拼接

3.4 案例 – 工资计算2

效果演示:

作业

作业1 - 弹出钱包余额

// "1000" + 2000 ----> "10002000"

console.log(typeof a); // string

console.log(typeof b); // number

// 解决上面遇到的问题

// 3. 修改 - 弹窗提示和

alert(Number(a) + b);

作业2 – 输入3种费用显示和

Day02

课上练习

// 需求: 输入钱包余额和各种费用最后一个弹窗显示钱包余额-各种支出最后的剩余

// 思路: 五个弹窗, 第一个弹窗输入你钱包里的余额, 第二个输入水费, 第三个输入电费, 第四个输入伙食费, 最后

alert返回扣减后, 最后钱包里的余额

// 答案:

// var money = prompt("钱包余额");

// var a = prompt("水费");

// var b = prompt("电费");

// var c = prompt("伙食费");

// alert(money - a - b - c);

// 需求: 请使用一个变量sum, 以及赋值运算符+=, 实现3个弹窗(水费, 电费, 伙食费) 之和, 最后在控制台打印和

即可

// 答案:

// var sum = 0;

// var a = prompt("水费");

// sum += Number(a);

// var b = prompt("电费");

// sum += Number(b);

// var c = prompt("伙食费");

// sum += Number(c);

// console.log(sum);

7.1 for各种练

案例

暂无

作业

作业1 - 分支使用

// 1. 练习1: 请打印0-20之间, 每个整数到控制台

// 2. 练习2: 请打印30-100之间, 每个整数到控制台

// 3. 练习3: 请打印1-100之间, 能被3整数的数 - (可以用if哦, 用以前知识点)

// 4. 练习4: 请用for循环, 计算1-10之间每个整数的和

// 5. 练习5: 请打印10-20之间, 所有的偶数的和

// 答案:

// 练习1:

for (var i = 0; i <= 20; i++) {

console.log(i);

}

// 练习2:

for (var i = 30; i <= 100; i++) {

console.log(i);

}

// 练习3:

for (var i = 1; i <= 100; i++) {

if (i % 3 === 0) {

console.log(i);

}

// 练习4:

var sum = 0;

for (var i = 1; i <= 10; i++) {

sum = sum + i; // 每次取出sum的值和当前的i相加

console.log(sum);

}

// 练习5:

var sum = 0;

for (var i = 10; i <= 20; i++) {

if (i % 2 === 0) {

sum = sum + i;

}

console.log(sum);

剩余29页未读，继续阅读

内容反馈

lirumei

粉丝: 68
资源: 301

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

01_JS基础阶段1

评论0

最新资源

01_JS基础阶段1

评论0

Javascript基础就业班第二阶段2.md

html5入门到精通 视频教程

javaScript基础阶段之js认识.md

JS基础阶段考试试题上课讲义.pdf

js基础知识18张脑图.zip

JS基础.xmind

web前端工程师JavaScript基础入门路径学习专题课程

Javascript基础就业班第二阶段1.md

Js从入门到精通，进阶教程

HM全新大前端160G鼎新力作 V7.6 4000集课程 大前端全业务链+软件+课件+视频+职业规划

js 二阶段笔记.docx

让架构真正起作用 不仅仅是大前端！最新70G容量 3000多集大前端课程 超级大牛带课

2018年最新传智播客web前端36

Java基础阶段复习题2(附答案).docx

北大青鸟 ACCP5.0 S2 JS 第五章课后阶段和作业答案

Java基础阶段复习题2(附标准答案).docx

WEB前端全栈开发就业课程零基础.zip

echarts-gl.min.js

自主研发的软著申请代码文档整理输出工具

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

bdms.js插桩后文件

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

基于JavaScript网红太空人表盘

jquery-3.7.0.min.js（jQuery下载）

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

chromedriver-122.0.6261.70-64

最新资源

html5入门到精通视频教程

HM全新大前端160G鼎新力作 V7.6 4000集课程大前端全业务链+软件+课件+视频+职业规划

让架构真正起作用不仅仅是大前端！最新70G容量 3000多集大前端课程超级大牛带课

javascript网页设计期末作业购物网站