Kod


     <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>Sprawdź cene wizyty</h1>
    <input type="checkbox" value="45">Piling <br>
    <input type="checkbox" value="30">Maska <br>
    <input type="checkbox" value="20">Masaż twarzy <br>
    <input type="checkbox" value="5">Regulacja brwi <br>
    <button id="sprawdz">sprawdz cene</button>
    <div id="wynik"></div>
    <script>
        let sprawdz = document.getElementById("sprawdz")
        sprawdz.addEventListener("click", ()=>{
            let checkboxs = document.getElementsByTagName(`input`)
            let piling = 0
            let maska = 0
            let masazTwarzy = 0
            let regulacjaBrwi = 0
            if (checkboxs[0].checked){
                piling = parseInt(checkboxs[0].value)
            }
            if (checkboxs[1].checked){
                maska = parseInt(checkboxs[1].value)
            }
            if (checkboxs[2].checked){
                masazTwarzy = parseInt(checkboxs[2].value)
            }
            if (checkboxs[3].checked){
                regulacjaBrwi = parseInt(checkboxs[3].value)
            }
            let wynik = document.getElementById("wynik")
            wynik.innerText=`Cena zabiegów: ${piling+maska+masazTwarzy+regulacjaBrwi}`
        })
    </script>
</body>
</html>