Створити розширення для Chrome (linux)

function F1() {

// пошук певного хтмл-блоку, блок динамічний та появляется через 1-3сек після відкриття сайту

// якщо календар знайдений: 

// 1. парситься зміст, дат (d-is-cta d-is-clickable; d-is-clickable, d-is-unavailable) приклад HTML-блоку наведено в кінці

// 2. результат парсингу передається в функцію F2(parsedData) 

// якщо календар не знайдено: setTimeout(F, 1000); - через 1сек заново пошук до 10ти разів

}

function F2(parsedData) {

// відправка HTTP POST у форматі JSON в довільній формі структури, наприклад:

// [ { "date": "2023-12-01", "status": "clickable"}, ..., ]; status = [cta, clickacble, unavailable]

// віддалений сервер приймає запит, обробляє, у відповіть відправляє адресу сторінку на котру має бути здійснений перехід з поточної ( HTTP Status 200OK,  тіло {"redirect":"http://example.com"})

}

HTML-блок одного місяця в календарі:

<div class="d-calendar">

    <div class="d-month">

        <div data-next="2023-11-01" class="d-js-nav d-prev">

            <i class="material-icons">navigate_before</i>

        </div>

        декабрь 2023

        <div data-next="2024-01-01" class="d-js-nav d-next">

            <i class="material-icons">navigate_next</i>

        </div>

    </div>

            <div class="d-weekdays">пн</div>

            <div class="d-weekdays">вт</div>

            <div class="d-weekdays">ср</div>

            <div class="d-weekdays">чт</div>

            <div class="d-weekdays">пт</div>

            <div class="d-weekdays">сб</div>

            <div class="d-weekdays">вс</div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-unavailable" data-date="2023-12-01">

    <div>1</div>

    </div>

    <div class="d-is-unavailable" data-date="2023-12-02">

    <div>2</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-03">

    <span>UAH<div>1053</div></span>

    <div>3</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-04">

    <span>UAH<div>1171</div></span>

    <div>4</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-05">

    <span>UAH<div>1272</div></span>

    <div>5</div>

    </div>

    <div class="d-is-cta d-is-clickable" data-date="2023-12-06">

    <span>UAH<div>1861</div></span>

    <div>6</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-07">

    <span>UAH<div>1865</div></span>

    <div>7</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-08">

    <span>UAH<div>2116</div></span>

    <div>8</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-09">

    <span>UAH<div>2351</div></span>

    <div>9</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-10">

    <span>UAH<div>1595</div></span>

    <div>10</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-11">

    <span>UAH<div>1612</div></span>

    <div>11</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-12">

    <span>UAH<div>1861</div></span>

    <div>12</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-13">

    <span>UAH<div>1861</div></span>

    <div>13</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-14">

    <span>UAH<div>2138</div></span>

    <div>14</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-15">

    <span>UAH<div>1990</div></span>

    <div>15</div>

    </div>

    <div class="d-is-cta d-is-clickable" data-date="2023-12-16">

    <span>UAH<div>2279</div></span>

    <div>16</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-17">

    <span>UAH<div>1420</div></span>

    <div>17</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-18">

    <span>UAH<div>1561</div></span>

    <div>18</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-19">

    <span>UAH<div>1764</div></span>

    <div>19</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-20">

    <span>UAH<div>1745</div></span>

    <div>20</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-21">

    <span>UAH<div>1963</div></span>

    <div>21</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-22">

    <span>UAH<div>1986</div></span>

    <div>22</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-23">

    <span>UAH<div>2230</div></span>

    <div>23</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-24">

    <span>UAH<div>1561</div></span>

    <div>24</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-25">

    <span>UAH<div>1544</div></span>

    <div>25</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-26">

    <span>UAH<div>1764</div></span>

    <div>26</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-27">

    <span>UAH<div>1784</div></span>

    <div>27</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-28">

    <span>UAH<div>1986</div></span>

    <div>28</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-29">

    <span>UAH<div>2007</div></span>

    <div>29</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-30">

    <span>UAH<div>2279</div></span>

    <div>30</div>

    </div>

    <div class="d-is-clickable" data-date="2023-12-31">

    <span>UAH<div>4683</div></span>

    <div>31</div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <div class="d-is-empty">

    <div></div>

    </div>

    <span class="d-calendar__labels d-flex d-flex-wrap">

  <div class="d-select-date__label">

    <div class="d-datepicker-label d-datepicker-label--outline">— сегодня</div>

  </div>

  <div class="d-select-date__label">

    <div class="d-datepicker-label d-datepicker-label--fill">— выбранные даты</div>

  </div>

</span>

</div>