Блог

я разрабатываю приложение smart tv. у меня возникли проблемы с добавлением навигации по элементам списка. Элементы списка содержат

 <div class="work">
  <img alt="" src="./images/img_title_work.png" class="title" />
  <ul>
    <li>
      <img alt="" src="./images/1_1.png" class="title" />
      <label>What is killer contents?
        <p>2012.06</p>
      </label>
    </li>
    <li>
      <img alt="" src="./images/1_2.png" class="title" />
      <label>Handmade application
        <p>2012.05</p>
      </label>
    </li>
  </ul>
</div>
  

Я хочу, чтобы всякий раз, когда пользователь нажимает правую навигационную кнопку с пульта дистанционного управления, класс фокуса добавляется к следующему элементу и удаляется из первого. аналогично, если пользователь снова нажмет вправо, класс фокуса должен быть добавлен к третьему элементу. и аналогичный случай с левой навигацией. Этот проект написан на html css js. Спасибо