Показать сообщение отдельно
  #7 (permalink)  
Старый 01.05.2019, 17:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Hovik,
window.addEventListener("load", function() {
    let sample = [
        ['design', 'galery', 'slider', 'contacts'],
        ['design', 'galery', 'slider', 'contacts', 'logo', 'animation'],
        ['design', 'galery', 'slider', 'contacts', 'logo', 'animation', 'chat', 'seo'],
        ['design', 'contacts', 'slider', 'galery'],
        ['design', 'galery', 'logo', 'animation', 'chat', 'seo']
    ]
    let carts = [...document.querySelectorAll('.pasive')];
    carts.forEach((form) => {
        let sumOut = form.querySelector('.score');
        let img = form.querySelector('.cart_star')
        form.addEventListener("change", () => {
            let checks = [...form.querySelectorAll('input[type="checkbox"]:checked')];
            let sum = 0;
            let checksName = checks.map(item => (sum += +item.dataset.price, item.name));
            sumOut.innerHTML = 'first ' + sum + ' last';
            img.src = 'img/stars/stars1.png';
            sample.forEach((pattern, i) => {
                pattern.every(title => checksName.includes(title)) && (img.src = 'img/stars/stars' + (++i) + '.png')
            })
        })
    })
});
Ответить с цитированием