Измените толщину и прозрачность шрифта с помощью Javascript

Question

Я новичок в Javascript, и мне нужна помощь в решении этой проблемы.

Я создал список и хотел бы, чтобы жирность шрифта выбранного элемента была жирной, а непрозрачность Невыбранный элемент опускается до 0,5 при щелчке.

Я понял, что мне нужно использовать прослушиватель событий «щелчок», но я довольно застрял, если кто-то может дать мне несколько подсказок, будет очень, очень, оценен.

<div class="media">
    <ul>
        <li class="language" id="italian">Italian</li>
        <li class="language" id="english">English</li>

    </ul>
</div>

Answer 1

Я точно не знаю, что вы пытаетесь изменить, но меняете CSS с помощью java скрипта, в одну сторону

<li class="language" id="selectedElement">Italian</li>
<li class="language" id="nonSelectedElement">Italian</li>

function click() {
document.getElementById("selectedElement").style.fontWeight = "bold";
document.getElementById("nonSelectedElement").style.opacity = 0.5;
}