Кнопка меняет цвет при нажатии JSON

let result = 0; 
let myEvent = function() { 
  if (result == 0) { 
    document.getElementById('my-button').style.backgroundColor = 'green'; 
    result++; 
  } else { 
    document.getElementById('my-button').style.backgroundColor = '#47a4ff'; 
    result--; 
  } 
  let xhr = new XMLHttpRequest(); 
  xhr.open('POST', url, false); //url по которому будет выполнятся запрос 
  let body = 'result=' + result; 
  xhr.send(body); 
  if (xhr.status == 200) { 
    document.getElementById('result').innerHTML = result; 
  } else { 
    alert('При отправке данных произошла ошибка'); 
  } 
}

#my-button { 
  background-color: #47a4ff; 
}

<button id="my-button" onclick="myEvent()">Жмакни меня!</button> 
<div id="result">0</div>

var flag = 0; 
$('.bt').click(function() { 
  if (flag == 0) { 
    $('.bt').css('background', 'green'); 
    flag++; 
  } else { 
    $('.bt').css('background', 'blue'); 
    flag--; 
  } 
  $('.res').text(flag); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button class="bt">Button</button> 
<div class="res">0</div>