Поворот блока на 180 градусов
 

Этот скрипт позволяет при нажатии на кнопку перевернуть блок на 180 градусов благодаря тому что он добавляет класс в котором прописан этот поворот но проблема в том что если с обратной стороны разместить тоже кнопку чтобы переворачивать назад блок то уже происходит конфликт, я размещаю кнопку с тем же идентификатором, хотя если кнопка одна то конфликта не происходит и переворачивается назад блок, как сделать чтобы с каждой стороны была кнопка переворота, помогите пожалуйста

<script>

/* DOM Utility Functions from PastryKit */
Element.prototype.hasClassName = function (a) {
return new RegExp("(?:^|\\s+)" + a + "(?:\\s+|$)").test(this.className);
};

Element.prototype.addClassName = function (a) {
if (!this.hasClassName(a)) {
this.className = [this.className, a].join(" ");
}
};

Element.prototype.removeClassName = function (b) {
if (this.hasClassName(b)) {
var a = this.className;
this.className = a.replace(new RegExp("(?:^|\\s+)" + b + "(?:\\s+|$)", "g"), " ");
}
};
Element.prototype.toggleClassName = function (a) {
this[this.hasClassName(a) ? "removeClassName" : "addClassName"](a);
};
/* /DOM Utility Functions from PastryKit */

var init = function() {
										
document.getElementById('button').addEventListener( 'click', function(){
										
document.getElementById('card').toggleClassName('flip');
											
}, false);
}
									
								

window.addEventListener( 'DOMContentLoaded', init, false);
</script>

Создайте вторую кнопку и на нее тоже повесьте событие, но идентификатор кнопке назначте другой