Using classlist with array argument

by Richard Hunter

HTML

<div id='bar'>this is bar</div>
<div id='goo'>this is goo</div>

CSS

div {
  margin: 10px;
  color: white;
  padding: 10px;
}

.dark {
  background: black;
}

.red {
  font-size: 3em;
  color: red;
}

JavaScript

const args = ['dark', 'red']

var bar = document.getElementById('bar');
var goo = document.getElementById('goo');

bar.classList.add('dark');
//goo.classList.add.apply(goo.classList, ['dark', 'green']);
goo.classList.add(...args);

console.log( bar.className );
console.log( goo.className );