Помогите разобраться пожалуйста с кнопкой, дать совет(Начинающему)
 

Цель такова :
При нажатии на кнопку она становится активной , при следующем нажатии возвращается в исходное положение .
Пробую делать через добавления класса при нажатии, а далее его удалять.но после удаления и возвращение в исходное данная функция не повторяется (точнее , что б я потом опять на неё нажал и она добавила себе снова класс и изменилась(repeat))но в итоге как я понимаю выходит из функции выполнив все условия . в итоге нужно обновить страницу для её работы.
Сильно запутался, помогите пожалуйста,посоветуйте как такую вещь реализовать проще.:(
Пример моего кода:

var obj = {};
obj.toggle = true;

document.getElementById("btnRotateNow").onclick = function(){
if(obj.toggle){
btnRotateNow.classList.add("active");
console.log(btnRotateNow);
delete obj.toggle;
}
else{
btnRotateNow.classList.remove("active");
}
}
Песочница
http://codepen.io/Kirpanev/pen/wGrJya?editors=1111

andrewkirpanev2,
http://codepen.io/anon/pen/QNqgxR?editors=1111

Спасибо большое!