Как расширить веб-сайт с вычисляемым столбцом?

Я на самом деле не знаю, что я мог бы искать, поэтому мне нужен совет в области технологий. Так чего же я хочу?

Представьте, что вы посещаете веб-сайт, и вы видите комбинацию таблица / div, как это:

<div class="a">
  <div class="price1">
    <span>100$</span>
  </div>
  <div class="quantity">
    <span>3</span>
  </div>
</div>

У вас есть цена и количество статьи, и вы хотите вычислить сумму (300$) динамически и добавить результат где-то на сайте (еще один столбец, например).

Что я могу сделать, чтобы достичь этого динамически, как с помощью инструмента отладки браузера, как Firebug?
Я не хочу делать Java-приложение с InputStream.

(Обратите внимание, что я не владею веб-сайт!)

1 ответ

  1. Чтобы настроить страницу таким образом, необходимо изменить ее с помощью JavaScript .

    Что касается вашего примера, чтобы добавить сумму после цены и количества, у вас может быть такой скрипт:

    let price = Number.parseFloat(document.querySelector(".price1 > span").textContent);
    let quantity = Number.parseFloat(document.querySelector(".quantity > span").textContent);
    let a = document.querySelector(".a");
    
    let sum = document.createElement("div");
    sum.textContent = price * quantity;
    
    a.appendChild(sum);
    

    Этот сценарий может быть выполнен с помощью командной строки средства отладки браузера.

    Хотя обратите внимание, что это изменение является только временным. Он исчезнет в следующий раз, когда вы получите доступ к веб-сайту или перезагрузите его. Для применения скрипта при каждой загрузке страницы можно использовать надстройку браузера типа Greasemonkey, которая позволяет автоматически выполнять скрипт на определенных страницах.