Boa tarde,
Estou com este código ele usa o mesmo botão para da o contraste e voltar ao padrão porem preciso que quando clicar na bolinha preta ele fique escuro e quando clicar na bolinha branca volte a cor padrão, já tentei separar o código mais ele acaba dando conflito, alguém consegue me ajudar?
(function () {
var Contrast = {
storage: 'contrastState',
cssClass: 'contrast',
currentState: null,
check: checkContrast,
getState: getContrastState,
setState: setContrastState,
toogle: toogleContrast,
updateView: updateViewContrast
};
window.toggleContrast = function () { Contrast.toogle(); };
Contrast.check();
function checkContrast() {
this.updateView();
}
function getContrastState() {
return localStorage.getItem(this.storage) === 'true';
}
function setContrastState(state) {
localStorage.setItem(this.storage, '' + state);
this.currentState = state;
this.updateView();
}
function updateViewContrast() {
var body = document.body;
if (this.currentState === null)
this.currentState = this.getState();
if (this.currentState)
body.classList.add(this.cssClass);
else
body.classList.remove(this.cssClass);
}
function toogleContrast() {
this.setState(!this.currentState);
}
})();