一、显示用户输入内容
要求:
1. 封装函数,名字为printfInput
2. 功能: 将用户输入的内容,在页面中显示
3. 测试: 写一个输入确认框,调用该函数时将输入内容传入, 观察页面中的内容是否与输入内容一致
let x = prompt(`请输入您的星座:`)
function printfinput(){
return x
}
let y = printfinput()
document.write(y)
二、求和函数
要求:
1. 封装函数, 名字为sum
2. 功能: 根据传入的两个数,求和并且返回求和的结果(函数必须有return返回值)
3. 测试: 调用该函数时获取结果后在控制台打印结果判断是否正确
function sum(x,y){
return x + y
}
let sum1 = sum(1,2)
document.write(sum1)
三、实现两个数的值交换(函数版本)
目的: 封装函数, 复习函数的基本写法
要求:
1. 函数名为 changeNum()
2. 调用函数时,在控制台输出a=1,b=2
3. 经过函数内部处理后,输出a=2,b=1
4. console.log的代码全部封装在函数内部
5. 准备代码如下, 在此基础上继续编写
6. 可以多调用两次
//方法一
function changeNum(x,y) {
let temp = x
x = y
y = temp
document.write(`a的结果是${x} <br> b的结果是${y}`)
}
changeNum(1,2)
changeNum(3,4)
//方法二
function changeNum(a,b) {
let temp = 0
console.log(`a=${a},b=${b}`);
temp = a
a = b
b = temp
console.log(`a=${a},b=${b}`);
}
changeNum(1,2)
changeNum(5,6)
四、封装余额函数
目的: 复习函数的声明与调用
要求:
1. 运行程序后, 浏览器显示输入确认框(prompt)
2. 第一个输入确认框提示输入银行卡余额
3. 第二个输入确认框提示输入当月食宿消费金额
4. 第三个输入确认框提示输入当月生活消费金额
5. 输入完毕后,在页面中显示银行卡剩余金额
6. 提示: 所有功能代码封装在函数内部(函数需要把余额返回)
function bank(){
let x = +prompt(`请输入银行卡余额:`)
let y = +prompt(`请输入当月食宿消费金额:`)
let z = +prompt(`请输入当月生活消费金额:`)
let s = x - y - z
return s
}
let money = bank()
document.write(`您的银行卡余额还剩:${money} `)
五、计算1-n之间所有数的和
function getN(n){
let sum = 0
for (let i = 1; i <= n; i++){
sum = sum + i
}
return sum
}
document.write(getN(100))
六、计算m-n之间所有数的和
function getN(n){
let sum = 0
for (let i = 1; i <= n; i++){
sum = sum + i
}
return sum
}
document.write(getN(100))
七、 学生的分数是一个数组,计算每个学生的总分
function getScore(arr){
let sum = 0
for (let i = 0; i < arr.length; i++){
sum += arr[i]
}
return sum
}
document.write(getScore([98,97,96,95,94,93,92,91,90]))
目录