Cześć :) Na wstępie zaznaczę że przygodę z JS dopiero zaczynam ;) z dostałam do wykonania zadanie które jestem w stanie logicznie ogarnąć ale nie wiem jak je zapisać- może pomożecie?
Mam ankietę z 3 pytaniami dla której robię front. Chciałabym żeby po kliknięciu buttonu (img) jego opacity zmieniła się z 0.5 na 1 i tyle ;) Bez możliwości zmiany później opcji itd... Kod html wygląda tak (wklejam kawałek):
<div class="oceny">
<button type="radio" name="button" class="btn" value="0" id="button"><img src="1.png" class="button"/></button>
<button type="radio" name="button" class="btn" value="1" id="button"><img src="2.png" class="button"/></button>
<button type="radio" name="button" class="btn" value="2" id="button" ><img src="3.png" class="button"/></button>
</div>
napisałam coś takiego jak niżej (i milion innych opcji), ale oczywiście nie działa ;)
Document.querySelector('.btn').addEventListener('change', (event) => event.currentTarget.querySelectorAll('radio').forEach((element) => { element.disabled = True})).
Ma ktoś z Was pomysł jak to mogę rozwiązać? Sprawa jest banalna, brakuje jedynie wiedzy ;) W CSS to nie działa bo :focus działa dla jednego elementu na stronie, a chodzi mi o takie działanie (tylko żeby po zaznaczeniu elementu potem już nie dało się zaznaczyć nic innego).