亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

import carts from "./carts.js"
    const items = document.querySelectorAll('.carts-body .item')
    const total = document.querySelector('.total')
    const totalMoney = document.querySelector('.total-money')
    items.forEach((item, index)=> {
        item.querySelector('.id').textContent = carts.data[index].id
        item.querySelector('.name').textContent = carts.data[index].name
        item.querySelector('.unit').textContent = carts.data[index].unit
        item.querySelector('.price').textContent = carts.data[index].price
        item.querySelector('.num').value = carts.data[index].num
        item.querySelector('.money').textContent = carts.data[index].money
    })
    total.textContent = carts.total
    totalMoney.textContent = carts.totalMoney
    const prices = document.querySelectorAll('.carts-body .price')
    const nums = document.querySelectorAll('.carts-body .num')
    const monies = document.querySelectorAll('.carts-body .money')
    const checks = document.querySelectorAll('.carts-body .check')
    // forEach(在遍歷的數(shù)組，數(shù)組的索引，數(shù)組)
    nums.forEach((num, index, arr)=>{
        num.onchange = ()=>{
            if(!checks[index].checked) return false
            monies[index].textContent = prices[index].textContent * num.value
            const numArr = [...arr].map((item)=> parseInt(item.value))
            total.textContent = numArr.reduce((pre, cur)=>pre + cur)
            const moneyArr = [...monies].map((item)=> parseFloat(item.textContent))
            totalMoney.textContent = moneyArr.reduce((pre, cur)=>pre + cur)
        }
    })
    const checkAll = document.querySelector('.check-all')
    let totalTmp = total.textContent
    let totalMoneyTmp = totalMoney.textContent
    checkAll.onchange = ()=>{
        checks.forEach((check)=>check.checked = checkAll.checked)
        if(checkAll.checked == false){
            let itemStatus = [...checks].every(item=>item.checked == false)
            if(itemStatus == true){
                total.textContent = 0
                totalMoney.textContent = 0
            }
        }else{
            total.textContent = totalTmp
            totalMoney.textContent = totalMoneyTmp
        }            
    }
    checks.forEach((check, index)=>{
        check.onchange = () =>{
            checkAll.checked = [...checks].every(item=>item.checked)
            if(check.checked == false){
                total.textContent -= nums[index].value
                totalMoney.textContent -= monies[index].textContent
            }else{
                total.textContent = total.textContent * 1 + nums[index].value * 1
                totalMoney.textContent = totalMoney.textContent * 1 + monies[index].textContent * 1
            }
        }
    })

總結(jié)：

把購物車項目js部分邊看邊寫了一遍，把所有函數(shù)都變?yōu)榧^函數(shù)，簡化代碼，條理也很清楚；投票項目中把count賦值改為count = data[index]就可以把原始賦值帶入；計劃后續(xù)有時間自己再完全重寫一遍購物車項目，包括CSS、html和js部分全部重寫。

批改老師：PHPz

批改狀態(tài)：合格

老師批語：