color button

by willystyle

HTML

<button id="farbanpassung">Farbe anpassen</button>

CSS

.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

.red {
  background-color: red;
}

JavaScript

const button = document.querySelector('#farbanpassung');
const body = document.body;
body.classList.add('blue'); // initial color

button.addEventListener('click', () => {
		if (body.className === 'blue') {
    		body.classList.remove('blue');
        body.classList.add('green');
    } else if (body.className === 'green') {
    		body.classList.remove('green');
        body.classList.add('red');
    }	else if (body.className === 'red') {
    		body.classList.remove('red');
        body.classList.add('blue');
    }     
});