How to add active class to current element

JavaScript를 사용하여 현재 요소에 액티브 클래스를 추가하는 방법을 학습합니다.

현재 눌려있고 활성화된 버튼을 강조표시합니다.

Active Button

Highlight the active/current (pressed) button.

Step 1) Add HTML

<div id="myDIV">
  <button class="btn">1</button>
  <button class="btn active">2</button>
  <button class="btn">3</button>
  <button class="btn">4</button>
  <button class="btn">5</button>
</div>

Step 2) Add CSS

</* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}
 
/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  background-color: #666;
  color: white;
}

Step 3) Add JavaScript

// Get the container element
var btnContainer