計算された列を使ってウェブサイトを拡張するには？

Question

私は実際に何が検索できるのか分からないので、技術的なアドバイスが必要です。だから私は何をしたいですか？あなたは価格と品の量を持っていて、計算したい

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

：

は、あなたがウェブサイトを訪問している、あなたは、このようなテーブル/ divの組み合わせを参照してください想像してみてsum（300 $）を動的に追加し、結果をウェブサイトのどこかに追加します（たとえば、1つの列など）。

これをFirebugのようなブラウザデバッグツールを使用して動的に実現するにはどうすればよいですか？ InputStreamを使用してJavaアプリケーションを作成したくありません。

（私はウェブサイトを所有していないことに注意！）

Answer 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のようなブラウザアドオンを使用して、特定のページでスクリプトを自動的に実行することができます。