계산 된 열로 웹 사이트를 확장하는 방법은 무엇입니까?

Question

나는 실제로 내가 무엇을 찾을 수 있는지 모른다. 그래서 나는 기술에 대한 조언이 필요하다. 그래서 나는 무엇을 원합니까?

하면 웹 사이트를 방문하는 상상이 같은 테이블/DIV 조합을 참조하십시오

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

당신은 가격과 기사의 양이 있고이를 계산하려면 sum (300 $)을 동적으로 추가하고 결과를 웹 사이트 어딘가에 추가합니다 (예 : 한 열 이상 추가).

Firebug와 같은 브라우저 디버깅 도구를 사용하여 동적으로 달성하려면 어떻게해야합니까? InputStream을 사용하여 Java 응용 프로그램을 만들고 싶지 않습니다.

(I 웹 사이트를 소유하지 않아도됩니다!)

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과 같은 브라우저 부가 기능을 사용하면 특정 페이지에서 스크립트를 자동으로 실행할 수 있습니다.