JavaScript. Первое расширение для Google Chrome. Подглядываем за курсом GBG на внутреннем Маркете Голоса не заходя в Golos.io

Вот такое чудо чудное, да диво дивное выдает API Голоса на запрос get_order_book с параметром "3".

Это HTML файл с таблицей размещения данных.

Скрипт, в комментариях постарался описать, что делает.

Файл .json нужен Chrome для правильной работы расширения.

Ну, и конечный результат, так расширение работает у меня. Данные обновляются каждые 7 секунд.
Хотел сначала сделать, чтобы отображались последние десять ордеров покупки и последние десять ордеров продажи.

Но, меня смутило некоторое несоответствие данных от API и отображаемых в Маркете. Почему-то API выдает в верхней строке продажи Голосов одни данные, а в Маркете совсем другие данные в этой строке. Иногда все совпадает на 100%, а иногда непонятное не соответствие в этой строке. Пол дня убил наблюдая , сравнивая и пытаясь найти причину, но так и не понял, поэтому не вставил эти данные в расширение.

Файл popup.js

 var socket = new WebSocket('wss://ws.golos.io');
 
  socket.onopen = function(event) {
  socket.send(JSON.stringify({
  id: 2, 
  method: 'get_order_book', 
  'params': [1]
  }));
 
  socket.onmessage = function(event) {
  var otvet = JSON.parse(event.data);
  var sellVoicePrice = Number(otvet.result.asks[0].real_price);
  var buyVoicePrice = Number(otvet.result.bids[0].real_price);
  var SVP = sellVoicePrice.toFixed(6);
  var BVP = buyVoicePrice.toFixed(6);  
  var RZN = (((sellVoicePrice-buyVoicePrice)/((sellVoicePrice+buyVoicePrice)/2))*100).toFixed(3);

  document.getElementById('hbuyVoicePrice').innerHTML = (BVP+' GBG');
  document.getElementById('hsellVoicePrice').innerHTML = (SVP+' GBG');
  document.getElementById('hraznica').innerHTML = (RZN+'%');
  };
  }; 

Файл manifest.json

 {
  "manifest_version": 2,
  "name": "Golos market",
  "version": "1.0",
  
  "icons": {
    "128": "icon.png"
  },
  "content_scripts": [
    {
      "matches": [ "*://*/*" ],
      "js": [ "popup.js" ]
    }
  ],
  "background": {
    "scripts": []
  },
  "permissions": [],


      "browser_action": {
        "default_title": "Golog market",
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    }
    
}

---

Файл popup.html

---

Эксперимент продолжается ...

Начало эксперимента здесь.