<button class="tablink" onclick="openPage('all', this)" id="defaultOpen">Hepsi</button>
    <button class="tablink" onclick="openPage('2d', this)">2D Cutting</button>
    <button class="tablink" onclick="openPage('CAD', this)">CAD</button>
    <button class="tablink" onclick="openPage('CNC', this)">CNC</button>
    <button class="tablink" onclick="openPage('Saha', this)">Saha</button>
    <button class="tablink" onclick="openPage('Serial', this)">Serial</button>
    <button class="tablink" onclick="openPage('Laser', this)">Laseroy</button>
    <button class="tablink" onclick="openPage('Milling', this)">Milling</button>
    <button class="tablink" onclick="openPage('sCAD', this)">Standart CAD</button>
    <button class="tablink" onclick="openPage('Bangle', this)">Bangle</button>
    <button class="tablink" onclick="openPage('Foam', this)">Foam</button>
    <button class="tablink" onclick="openPage('Other', this)">Diğer</button>

w3scholl' un hazır tabs' ını kullanıyorum. Butonlara atanan classların tıklanılan butonda olanını değiştirmek istiyorum nasıl yapabilirim?