CSS JS | change class button

switch-class.html

<button onclick="book()">図書</button>
<button onclick="mgzn()">雑誌</button>

<h2>図書</h2>
<div id="book" class="red-card">
  <p>
    Book book book.
  </p>
</div>

<script src="switch-class.js" type="text/javascript"></script>

switch-class.js

function chClassName(idnm, classnm) {
    document.getElementById(idnm).className = classnm;
}
function book() {
    chClassName('book', 'red-card');
    chClassName('mgzn', 'red-card-disabled');
}
function mgzn() {
    chClassName('book', 'red-card-disabled');
    chClassName('mgzn', 'red-card');
}