作业

// -------------------------Day02homework 大练习------------------------

练习题1：

• 显示用户输入内容
• 要求:
  1. 封装函数, 名字为printfInput
  2. 功能: 将用户输入的内容, 在页面中显示
  3. 测试: 写一个输入确认框, 调用该函数时将输入内容传入, 观察页面中的内容是否与输入内容一致

先不要看答案

function printfInput(content) { 
    // 将用户输入的内容, 在页面中显示
    let str = content
    document.write(str)
  }
  let constr = prompt('请输入内容')
  printfInput(constr)

练习题2：

求和函数

要求:

1. 封装函数, 名字为sum
2. 功能: 根据传入的两个数,求和并且返回求和的结果（函数必须有return返回值）
3. 测试: 调用该函数时获取结果后在控制台打印结果判断是否正确

先不要看答案哦~~~

function sum(x, y) {
  let res = x + y
  return res
  // return x + y
}
let te = sum(1, 2)
document.write(`两者的和是${te}`)

练习题3：

实现两个数值交换

目的: 非函数版本, 复习变量的声明和使用

要求:

1. 声明变量a和b ,初始值分别为1和2
2. 通过算数运算符和变量赋值,将a的值变为2,b的值变为1
3. 打印输出结果

先不要看答案哦~~~

let a = 1
let b = 2
let temp = a // temp = 1
a = b // a = 2
b = temp // b = 1
document.write(`a的结果是${a} <br> b的结果是${b}`)

练习题4：

实现两个数的值交换(函数版本)

目的: 封装函数, 复习函数的基本写法

要求:

1. 函数名为 changeNum()
2. 调用函数时,在控制台输出a=1,b=2
3. 经过函数内部处理后,输出a=2,b=1
4. console.log的代码全部封装在函数内部
5. 准备代码如下, 在此基础上继续编写
6. 可以多调用两次

先不要看答案哦~~

function changeNum(x,y) { 
     let a = x
     let b = y
     let temp = a 
     a = b 
     b = temp 
    document.write(`a的结果是${a} <br> b的结果是${b}`)
}
changeNum(3,4)
changeNum('pink', 'red')

第四题答案：

<script>
        function changeNum(x, y) {
            let a = x
            let b = y

            let temp
            temp = a
            a = b
            b = temp

            return `a为${a}<br>b为${b}`

        }
        let ang = changeNum(1, 2)
        document.write(ang)
    </script>
#### 练习题5：

求余额运算 基本实现(非函数版本)

目的: 复习变量的声明与赋值

要求:

1. 运行程序后, 浏览器显示输入确认框(prompt)
2. 第一个输入确认框提示输入银行卡余额
3. 第二个输入确认框提示输入当月食宿消费金额
4. 第三个输入确认框提示输入当月生活消费金额
5. 输入完毕后,在页面中显示银行卡剩余金额

~~~javascript
 let a = prompt('银行卡金额')

 let b = prompt('当月食宿消费金额?')

 let c = prompt('当月生活消费金额?')

 let d = a - b - c

 document.write(`你的卡里面还剩下:${d}元`)

练习题6：

封装余额函数

目的: 复习函数的声明与调用

要求:

1. 运行程序后, 浏览器显示输入确认框(prompt)
2. 第一个输入确认框提示输入银行卡余额
3. 第二个输入确认框提示输入当月食宿消费金额
4. 第三个输入确认框提示输入当月生活消费金额
5. 输入完毕后,在页面中显示银行卡剩余金额
6. 提示: 所有功能代码封装在函数内部（函数需要把余额返回）

function test() {
  let a = prompt('银行卡金额')
  let b = prompt('当月食宿消费金额?')
  let c = prompt('当月生活消费金额?')
  let d = a - b - c
  return d
}
let money = test() 
document.write(`我的银行卡余额还有${money}元`)

练习题7：

声明对象

目的: 复习对象的声明

要求:

1. 声明一个变量per, 类型为对象类型
2. 该对象的属性为性别,年龄,爱好(3个)
3. 该对象的方法有 说话, 吃饭(2个)
   4. 在控制台分别调用该对象的属性和方法

let per = {
  sex: 'man', // 年龄,
  age: 18, // 性别,
  hobby: 'studyAndGame', // 爱好
   speak: function () {
    // 说话,
     document.write(`speak方法被调用了--- <br>`)
   },
   eat: function () {
    // 吃饭
     document.write(`eat方法被调用了---`)
   }
}
// 下面是调用部分
document.write(`姓名:${per.sex} <br>`)
document.write(`姓名:${per.age}<br>`)
document.write(`姓名:${per.hobby}<br>`)
// 调用方法
per.speak()
per.eat()

练习题8：

调用对象的方法

目的: 复习对象的使用

要求:

1. 对象声明完毕后, 调用对象中的吃饭的方法
2. 提示: 对象中的方法本质是函数, 调用需要加()
3. 方法也可以传递参数的

let per = {
  sex: 'man', // 年龄,
  age: 18, // 性别,
  hobby: 'studyAndGame', // 爱好
  speak: function () {
    // 说话,
     document.write(`speak方法被调用了---<br>`)
   },
   eat: function (f) {
    // 吃饭
    document.write(`我今天吃的是${f}`)
   }
}
// 下面是调用部分
document.write(`姓名:${per.sex} <br>`)
document.write(`姓名:${per.age}<br>`)
document.write(`姓名:${per.hobby}<br>`)

// 调用方法
per.speak()
per.eat('苹果')