Добрый день! Есть такое решение:
<html>
<head>
<style>
</style>
</head>
<body>
<span id="num">50</span>
<a href="" class="linkj"> link </a>
<a href="" class="foo"> link </a>
<a href="" class="linkj"> link </a>
<a href="" class="foo"> link </a>
<a href="" class="linkj"> link </a>
<a href="" class="foo"> link </a>
<script>
f = function(event){
event.preventDefault()
if(this.clicked) {this.clicked = false; num.innerHTML = (+num.innerHTML) - 1; return}
this.clicked = true; num.innerHTML = (+num.innerHTML) + 1
}
;[].forEach.call(document.querySelectorAll("a[class = 'linkj']"),function(a){
a.onclick = f
})
</script>
</body>
</html>
оно работает так как надо, но дело в том что на самом сайте кнопки выглядет так <div class="wish wdel"> link </div> при клике класс изменяется (в реальном времени без обновления страницы) на <div class="wish wadd"> link </div> еще раз кликнув становится опять <div class="wish wdel"> link </div> и так по кругу, мне нужно чтобы если класс wish wadd скрипт прибавлял одну цифру а если wish wdel вычитал из этого <span id="num">50</span> и чтобы все это происходило без обновления страницы, очень нужна ваша помощь, прошу прощенья что создал эту тему