Привет всем!
Я хочу на чистом javascripte написать script, но не получается. Подскажите пожалуйста что я сделал не правильно. Задача такая при вебере флажка нужно изменять название картинке в тег img. Для этого я даже создал несколько массивов чтобы создать новы массив и сравнит с помощью if но не получается.
<!--FORM 1 START есть 3 таких форм-->
<form class="pasive" action="mail.php" method="post" name="landing" enctype="multipart/form-data">
<div class="pasive_up">
<img src="img/icon_cart.png" alt="" class="cart_logo">
<img src="img/stars/stars1.png" alt="" class="cart_star">
</div>
<p><input type="checkbox" id="cart_active1" data-price="4000" name="design"><label for="cart_active1">Дизайн</label></p>
<p><input type="checkbox" id="cart_active2" data-price="2000" name="logo"><label for="cart_active2">Лого</label></p>
<p><input type="checkbox" id="cart_active3" data-price="500" name="animation"><label for="cart_active3">Анимация</label></p>
<p><input type="checkbox" id="cart_active4" data-price="800" name="slider"><label for="cart_active4">Слаидер</label></p>
<p><input type="checkbox" id="cart_active5" data-price="800" name="galery"><label for="cart_active5">Галерия</label></p>
<p><input type="checkbox" id="cart_active6" data-price="600" name="contacts"><label for="cart_active6">Связи с сайта</label></p>
<p><input type="checkbox" id="cart_active7" data-price="600" name="chat"><label for="cart_active7">Онлайн чат</label></p>
<p><input type="checkbox" id="cart_active8" data-price="1300" name="seo"><label for="cart_active8">Оптимизация</label></p>
<p><label for="pasive_name1">имя и фамиля</label><input type="text" id="pasive_name1" name="name"></p>
<p><label for="pasive_email1">почта</label> <input type="email" id="pasive_email1" name="email"></p>
<p><select name="select_contact" >
<option value="Skype">Skype</option>
<option value="Telegram">Telegram</option>
<option value="Viber">Viber</option>
</select>
<input type="text"id="pasive_phone1" name="number_contact"></p>
<p><label for="pasive_file1">ТЗ</label><input type="file" id="pasive_file1" value="ТЗ" name="file_tz"></p>
<span class="score" id="score1">Ваш заказ стоит 0 рублей</span>
<button class="count" >Заказать сейчас</button>
<i class="icon-cancel-circled cart_close"></i>
</form>
let one = ['design', 'galery', 'slider', 'contacts'];
let to = ['design', 'galery', 'slider', 'contacts', 'logo', 'animation'];
let three = ['design', 'galery', 'slider', 'contacts', 'logo', 'animation', 'chat', 'seo'];
let four = ['design', 'text', 'pro', 'aux', 'logo', 'device', 'siti', 'action'];
let five = ['porto', 'back', 'front', 'fritail', 'languiges', 'lanch', 'chat', 'seo'];
let pasiv = document.querySelectorAll('.pasiv');
for (let i = 0; i < pasiv.length; i++) {
let inp = pasiv[i].querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < inp.length; i++) {
inp[i].oninput = function(){
let mas = [];
for (let i = 0; i < inp.length; i++) {
if (inp[i].checked) {
let star = 'img/stars/stars3.png';
star_img.src = star;
}
}
}
}
};