Add class using classList

/**
 * We can first create an element
 * than add class to it
 * */
 
 let el = document.createElement("div");
 el.className = "example-class";
 el.classList.add("another-class");
 console.log(el);
 
 //Result:
 //<div class="example-class another-class"></div>
 
 /**
  * We can use the same technique
  * to add a class to existing
  * element in the DOM
  * */
  
  let aa = document.getElementById("el");
  aa.className = "example-class";
  aa.classList.add("another-class");
  console.log(aa);
  
  //Result:
  //<div id="el" class="example-class"></div>