javascript ile class name değişimi?

document.getElementById('deneme').classList.toggle ('active');

bir div classının ismini değiştirmek istiyorum yukardaki sadece dive class atamamışsam aktif değilken class="" bu şekilde görünüyor, aktif olduğunda class="active" oluyor. ben varsayılan olarak başka isim tıklanınca o isim yerine başka class isim alsın istiyorum mümkünmü?

kendi sorumun cevabını buldum.

var x = document.getElementById("myDIV");
if (x.className === "mystyle") {
x.className = "mystyle2";
} else {
x.className = "mystyle";
}

const x = document.getElementById("myDIV");
x.className = (x.className === 'mystyle') ? 'mystyle2' : 'mystyle';

ternary operator ile kodunuzu bu sekilde daha güzel görünmesini sağlayabilirsiniz. ne kadar gerekli bilmiyorum ama yine de ekleyeyim dedim.
https://developer.mozilla.org/en-US/...ional_Operator

if (x.className === "mystyle") bu satır yanıltabilir, şöyleki; siz class'ı yarın " myStyle " yaparsanız, yani içerisine boşluk verirseniz yada farklı bir class eklerseniz sürekli false döner.
bunun yerine
if (x.className.includes("mystyle")) kullanabilirsiniz. bu classname'in içinde "mystyle" arar, bulursa true dönderir