[아마존] 버튼 하나로 원하는 물건 목록의 총액을 표시합니다.
4550 단어 책갈피JavaScript
추가 기록(2021Feb24)
@sugoroku_y 선생님의 평론에 따라 내용을 변경했습니다.
환경
Google Chrome - Version 88.0.4324.146 (Official Build) (arm64)
기본적으로 모든 브라우저는 사용할 수 있다. (아마도 IE라면 움직이지 않는다.)
코드 (추가 전) prices = Array.from(document.getElementsByClassName("a-price-whole"))
prices.map(price => parseInt(price.textContent.replace(/,/g, ''))).reduce((a, b) => a + b, 0)
결과 (추가 전)
31만1695엔
점 (추적 전)
prices = Array.from(document.getElementsByClassName("a-price-whole"))
prices.map(price => parseInt(price.textContent.replace(/,/g, ''))).reduce((a, b) => a + b, 0)
결과 (추가 전)
31만1695엔
점 (추적 전)
코드(추가: 2021-Feb-24)
받은 댓글
spread 연산자를 사용하면 수조로 전환하기가 쉽습니다.
문자열만 수치로 바꾸면 +를 앞에 넣으면 됩니다.
또한reduce는 두 번째 파라미터를 생략하면 그룹의 시작을 초기값으로 사용하기 때문에 편리합니다.[...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b)
책갈피
받은 댓글
책갈피를 쓰면 편할 것 같아요.
즐겨찾기에 Javascript 코드를 등록하면 한 번 클릭하여 총액을 표시할 수 있습니다[보도 참조] .javascript:alert('合計:'+[...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b).toString().replace(/(?<=\d)(?=(?:\d{3})+$)/g,',')+'円')
결과(추가 설명: 2021-Feb-24)
우선 책갈피를 등록하세요.
즐겨찾기 버튼을 클릭한 후 추가 를 클릭합니다.탭 페이지에서 항목을 만들거나 편집합니다.
URL 막대에서 위의 코드를 복사합니다.
완성된 책갈피 버튼을 누르면 총액이 표시됩니다.
끝내다
원하는 물건 목록
뭐 공부 해요?
Reference
이 문제에 관하여([아마존] 버튼 하나로 원하는 물건 목록의 총액을 표시합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gshirato/items/17300422c78ab4a7ccd0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
[...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b)
javascript:alert('合計:'+[...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b).toString().replace(/(?<=\d)(?=(?:\d{3})+$)/g,',')+'円')
우선 책갈피를 등록하세요.
즐겨찾기 버튼을 클릭한 후 추가 를 클릭합니다.탭 페이지에서 항목을 만들거나 편집합니다.
URL 막대에서 위의 코드를 복사합니다.
완성된 책갈피 버튼을 누르면 총액이 표시됩니다.
끝내다
원하는 물건 목록
뭐 공부 해요?
Reference
이 문제에 관하여([아마존] 버튼 하나로 원하는 물건 목록의 총액을 표시합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/gshirato/items/17300422c78ab4a7ccd0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여([아마존] 버튼 하나로 원하는 물건 목록의 총액을 표시합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/gshirato/items/17300422c78ab4a7ccd0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)