const span = document.querySelector('span');

const like = (e) => {
	const style = getComputedStyle(span);
	const state = style.getPropertyValue('--state');
	let stateNumber = parseInt(state) - 1 
	
	span.style.setProperty('--state', stateNumber)
}

const dislike = (e) => {
	const style = getComputedStyle(span);
	const state = style.getPropertyValue('--state');
	let stateNumber = parseInt(state) + 1 

	span.style.setProperty('--state', stateNumber)
}

document.getElementById('plus').addEventListener('click', like)
document.getElementById('minus').addEventListener('click', dislike)