Wyświetlenie wartości po zaznaczeniu checkbox, jednego lub kilku na raz

0

Hejka, mam do zrealizowania zadanie ale utknąłem na momencie wyświetlenia wartości po zaznaczeniu checkboxa i kliknięciu w guzik. Z góry byłbym wdzięczny za korektę, bądź naprowadzenie na to co dodać lub usunąć.obraz_2022-03-07_200740.pngstrona egzamin.zip

1

@FoxySwagger:
Po 1 - kod wstawiamy jako sformatowany tak, jak to napisał @Xarviel.
Po 2 - fajnie jakbyś napisał, co ma ten kod robić i w czym jest problem
Po 3 - warto używać angielskiego nazewnictwa zmiennych, klas, id, itp.
Po 4 - również warto nazywać zmienne itp. tak, aby osoba, która czytała kod od razu wiedziała, co one opisują. Id="ma" nic nie mówi, ale już id="mask" jest lepsze. Atrybut name w form o atrybucie name i wartości "abc"... Nic nie mówi o nim.

Patrząc na kod widzę, że nie wiesz jak osadzić zmienną w stringu. Aby to zrobić używamy znaku ` , a nie '.
https://stackoverflow.com/a/28088965/16880863

Dodam jeszcze, że możesz zastąpić te if-y używając switch-case
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

A jeśli chciałbyś się pobawić z JS, możesz dodać atrybut np. data-price w każdym checkboxie, następnie eventListenery na każdego z nich (można do tego użyć querySelectorAll + forEach), a następnie w jednej linijce kodu dodać tę cenę. Pozwoli to też dodawanie nowych checkbox-ów bez ingerencji w JS.
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach

1 użytkowników online, w tym zalogowanych: 0, gości: 1