封装函数使用

来个大的

实例1

const _number = document.querySelector('._number')  //输入框
const btn_add = document.querySelector('.btn_add')  //添加按钮
const btn_del = document.querySelector('.btn_del')  //删除按钮
const btn_click = document.querySelector('.btn_click')//确定按钮

let arr_user = []

function number_user(params) {
    if (params.trim() === "" || isNaN(+params)) {  //老经典判断输入是否为数字
        alert(`你干嘛啊~哎呦`)
        _number.value = null        //清空输入框
        return false                //若输入不正确返回为 false
    } else {
        return +params              // 正确返回 输入框 的数字 并且转换为number
    }
}

function arr_null() {               // 判断数组是不是空的
    if (arr_user.length === 0) {      // 列表 = 0 了都，肯定什么的没
        console.log(`比你脸都白`)
        alert(`空`)
        return false                // 返回 fales
    }
    return true                     // 返回 true
}

// 添加
btn_add.addEventListener('click', function () { //经典判断点击
    const result = number_user(_number.value) // 等待 number_user 的执行结果

    result ? arr_user.push(result) : console.log(`杂鱼~`) //三元判断 若result = false 及 杂鱼~
    console.log(arr_user)           //打印数组
})

// 删除
btn_del.addEventListener('click', function () {
    const result = arr_null()   //先执行function arr_null() 判断 干不干净
    result ? arr_user.pop(1) : null
    _number.value = null        // 清空输入框
    console.log(arr_user)

})

// 确认
btn_click.addEventListener('click', function () {
    const result = arr_null()   // 判断干不干净
    result ? alert(`用户输入值为${arr_user}`) : null
});

(function () {      //预加载 , 立即加载函数

    // 添加到变量就可以多行了
    const art = `
   dMP dMP    .aMMMb     dMP dMP    .aMMMb     dMMMMMMMMb
  dMP.dMP    dMP"VMP    dMK.dMP    dMP"dMP    dMP"dMP"dMP
  VMMMMP    dMP        .dMMMK"    dMP dMP    dMP dMP dMP
dA .dMP    dMP.aMP    dMP"AMF    dMP.aMP    dMP dMP dMP
VMMMP"     VMMMP"    dMP dMP     VMMMP"    dMP dMP dMP
        `;
    console.log(art);   // 打印 ascii 字符画了
})();   // ()是立即调用 : (function(){}()); || (function(){})(); 都行

实例2

let time = getTime(+prompt('输入数')) // 弹出要求 输入 的提示框 ，并且转换为number后赋值 给 time

document.write(time)    //输出的

function getTime(time) {
    let h = parseInt(time / 60 / 60 % 24)   //（输入数 / 秒数 / 分钟  % 小时 ）
    let m = parseInt(time / 60 % 60)        //（输入数 / 秒数 % 分钟 ）
    let s = parseInt(time % 60)             //（输入数 % 秒数 ）

    h = h < 10 ? '0' + h : h                 // 小于10 加个 0 
    m = m < 10 ? '0' + m : m
    s = s < 10 ? '0' + s : s
    return `时间为：${h}：${m}：${s}`       //返回意思为 let time =  getTime(`时间为：${h}：${m}：${s}`)
}