JS — где проблема?

Question

[Alex Mustdie]

Доброго времени суток!

Разобрался с VK Payment API, а теперь траблы с javascript. Совсем его не знаю, а нужно после нажатия определённой кнопки и последующей оплаты вывести текст в div.
Использую этот код:

<div onClick=order1() > 1 </div><div id="a1"></div>
<script type="text/javascript">
  function order1() {
    var params1 = {
      type: "item",
      item: "item1"
    };
    VK.callMethod("showOrderBox", params1);}
 
  var a1 = document.getElementById("a1");
 
  VK.addCallback("onOrderSuccess", function(order_id) {
  a1.innerHTML +="1";
  });
</script>
 
 
<div onClick=order2() > 2 </div><div id="a2"></div>
<script type="text/javascript">
function order2() {
    var params2 = {
      type: "item",
      item: "item2"
    };
    VK.callMethod("showOrderBox", params2);}
 
  var a2 = document.getElementById("a2");
 
  VK.addCallback("onOrderSuccess", function(order_id2) {
  a2.innerHTML +="2";
  });
</script>

Кнопки работают, но после удачной оплаты("a1") в div "a1" попадает не заветная 1, а 2. С "a2" всё в порядке.
Друзья, в чём дело?

За ранее спасибо!

Answer 1

[Roman Zhak]

Возможно, событие onOrderSuccess вызывается несколько раз.

Comments

[Alex Mustdie]

И как мне решить данную проблему? Наверняка предполагается, что VK.addCallback("onOrderSuccess", .. будет повторятся несколько раз на странице

[Roman Zhak]

@alexmustdie зачем 2 обработчика ? Кроме того, при каждом вызове функции вы навешиваете новый обработчик.