{"id":34,"date":"2026-03-15T14:43:36","date_gmt":"2026-03-15T05:43:36","guid":{"rendered":"http:\/\/tool-laboratory.com\/?p=34"},"modified":"2026-03-22T00:18:48","modified_gmt":"2026-03-21T15:18:48","slug":"discount-calculator","status":"publish","type":"post","link":"https:\/\/tool-laboratory.com\/en\/discount-calculator\/","title":{"rendered":"\u7121\u6599\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<div style=\"margin: 40px 0; padding: 20px; background: #f7f7f7; border-radius: 10px;\">\n\n<input id=\"price\" type=\"number\" placeholder=\"\u5546\u54c1\u4fa1\u683c\" style=\"padding:10px;margin:5px;width:100%;\"><br>\n\n<input id=\"discount\" type=\"number\" placeholder=\"\u5272\u5f15%\" style=\"padding:10px;margin:5px;width:100%;\">\n\n<p>\u5272\u5f15\u5f8c\u4fa1\u683c<\/p>\n\n<p id=\"result\" style=\"font-size: 30px; font-weight: bold; color: #e5533d;\"><\/p>\n\n<\/div>\n\n<script>\n(function(){\n\n  function calcDiscount(){\n    const price = document.getElementById(\"price\");\n    const discount = document.getElementById(\"discount\");\n    const result = document.getElementById(\"result\");\n\n    if(!price || !discount || !result) return;\n\n    const p = parseFloat(price.value);\n    const d = parseFloat(discount.value);\n\n    if(isNaN(p) || isNaN(d)){\n      result.textContent = \"\";\n      return;\n    }\n\n    const final = p - (p * d \/ 100);\n    result.textContent = Math.floor(final) + \"\u5186\";\n  }\n\n  function init(){\n    const price = document.getElementById(\"price\");\n    const discount = document.getElementById(\"discount\");\n\n    if(!price || !discount) return;\n\n    \/\/ \u5165\u529b\u6642\u306b\u81ea\u52d5\u8a08\u7b97\uff08\u30e2\u30d0\u30a4\u30eb\u6700\u9069\uff09\n    price.addEventListener(\"input\", calcDiscount);\n    discount.addEventListener(\"input\", calcDiscount);\n  }\n\n  if(document.readyState === \"loading\"){\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n\n  window.addEventListener(\"load\", init);\n\n})();\n<\/script>\n\n\n\n<p>\u30bb\u30fc\u30eb\u3067\u300c\u3007\uff05\u30aa\u30d5\u300d\u3068\u66f8\u304b\u308c\u3066\u3044\u3066\u3082\u3001\u5b9f\u969b\u306b\u3044\u304f\u3089\u306b\u306a\u308b\u306e\u304b\u5206\u304b\u308a\u306b\u304f\u3044\u3068\u611f\u3058\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<br>\u6697\u7b97\u3067\u8a08\u7b97\u3059\u308b\u306e\u306f\u610f\u5916\u3068\u9762\u5012\u3067\u3001\u9593\u9055\u3048\u3066\u3057\u307e\u3046\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb\u3092\u4f7f\u3048\u3070\u3001\u5546\u54c1\u4fa1\u683c\u3068\u5272\u5f15\u7387\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u3001\u5272\u5f15\u5f8c\u306e\u4fa1\u683c\u3092\u4e00\u77ac\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<script><br \/> function calcDiscount(){<\/p> <p>let price = document.getElementById(\"price\").value;<br \/> let discount = document.getElementById(\"discount\").value;<\/p> <p>if(price && discount){<\/p> <p>let result = price - (price * discount \/ 100);<\/p> <p>document.getElementById(\"result\").innerText = Math.round(result).toLocaleString() + \"\u5186\";<\/p> <p>}<\/p> <p>}<br \/> <\/script><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u3067\u306f\u3001\u5546\u54c1\u306e\u5272\u5f15\u5f8c\u4fa1\u683c\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3067\u304d\u307e\u3059\u3002<br>\u30bb\u30fc\u30eb\u3084\u30af\u30fc\u30dd\u30f3\u5229\u7528\u6642\u306b\u3001\u5b9f\u969b\u306b\u3044\u304f\u3089\u652f\u6255\u3046\u306e\u304b\u3092\u3059\u3050\u306b\u78ba\u8a8d\u3067\u304d\u308b\u305f\u3081\u3001\u8cb7\u3044\u7269\u306e\u5224\u65ad\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u3053\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30bb\u30fc\u30eb\u6642\u306e\u4fa1\u683c\u3092\u3059\u3050\u306b\u77e5\u308a\u305f\u3044\u4eba<\/li>\n\n\n\n<li>\u5272\u5f15\u8a08\u7b97\u304c\u82e6\u624b\u306a\u4eba<\/li>\n\n\n\n<li>\u304a\u5f97\u306b\u8cb7\u3044\u7269\u3092\u3057\u305f\u3044\u4eba<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f7f\u3044\u65b9<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5546\u54c1\u4fa1\u683c\u3092\u5165\u529b<\/li>\n\n\n\n<li>\u5272\u5f15\u7387\uff08\uff05\uff09\u3092\u5165\u529b<\/li>\n\n\n\n<li>\u5272\u5f15\u5f8c\u4fa1\u683c\u304c\u81ea\u52d5\u8868\u793a\u3055\u308c\u307e\u3059<\/li>\n<\/ol>\n\n\n\n<p>\u30b9\u30de\u30db\u3067\u3082\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u308b\u306e\u3067\u3001\u8cb7\u3044\u7269\u4e2d\u3067\u3082\u3059\u3050\u306b\u4f7f\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5272\u5f15\u8a08\u7b97\u306e\u4ed5\u7d44\u307f<\/h2>\n\n\n\n<p>\u5272\u5f15\u4fa1\u683c\u306f\u4ee5\u4e0b\u306e\u8a08\u7b97\u5f0f\u3067\u6c42\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u5546\u54c1\u4fa1\u683c \u2212\uff08\u5546\u54c1\u4fa1\u683c \u00d7 \u5272\u5f15\u7387 \u00f7 100\uff09<\/strong><\/p>\n\n\n\n<p>\u3053\u306e\u8a08\u7b97\u306b\u3088\u308a\u3001\u5272\u5f15\u5f8c\u306e\u6b63\u78ba\u306a\u91d1\u984d\u3092\u6c42\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5177\u4f53\u4f8b<\/h2>\n\n\n\n<p>\u4f8b\u3048\u3070\u30015,000\u5186\u306e\u5546\u54c1\u304c30%\u30aa\u30d5\u306e\u5834\u5408\uff1a<\/p>\n\n\n\n<p>5,000 \u2212 (5,000 \u00d7 30 \u00f7 100) = 3,500\u5186<\/p>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306b\u3001\u7c21\u5358\u306b\u5272\u5f15\u5f8c\u306e\u4fa1\u683c\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6ce8\u610f\u70b9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5272\u5f15\u7387\u306f\u6b63\u78ba\u306b\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n\n\n\n<li>\u5c0f\u6570\u70b9\u306e\u8a08\u7b97\u306f\u56db\u6368\u4e94\u5165\u3055\u308c\u307e\u3059<\/li>\n\n\n\n<li>\u6700\u7d42\u4fa1\u683c\u306f\u5e97\u8217\u8868\u793a\u3068\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u5272\u5f15\u8a08\u7b97\u304c\u5f79\u7acb\u3064\u5834\u9762<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30b9\u30fc\u30d1\u30fc\u3084\u30bb\u30fc\u30eb\u3067\u306e\u8cb7\u3044\u7269<\/li>\n\n\n\n<li>\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0<\/li>\n\n\n\n<li>\u30af\u30fc\u30dd\u30f3\u5229\u7528\u6642<\/li>\n\n\n\n<li>\u8907\u6570\u5546\u54c1\u306e\u4fa1\u683c\u6bd4\u8f03<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb\u3092\u4f7f\u3048\u3070\u3001\u9762\u5012\u306a\u8a08\u7b97\u3092\u305b\u305a\u306b\u6700\u7d42\u4fa1\u683c\u3092\u3059\u3050\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<br>\u304a\u5f97\u306b\u8cb7\u3044\u7269\u3092\u3057\u305f\u3044\u65b9\u306f\u3001\u305c\u3072\u6d3b\u7528\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u95a2\u9023\u30c4\u30fc\u30eb<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6d88\u8cbb\u7a0e\u8a08\u7b97\u30c4\u30fc\u30eb<\/li>\n\n\n\n<li>\u5229\u76ca\u8a08\u7b97\u30c4\u30fc\u30eb<\/li>\n\n\n\n<li>\u30d1\u30fc\u30bb\u30f3\u30c8\u8a08\u7b97\u30c4\u30fc\u30eb<\/li>\n<\/ul>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb \u5272\u5f15\u5f8c\u4fa1\u683c \u30bb\u30fc\u30eb\u3067\u300c\u3007\uff05\u30aa\u30d5\u300d\u3068\u66f8\u304b\u308c\u3066\u3044\u3066\u3082\u3001\u5b9f\u969b\u306b\u3044\u304f\u3089\u306b\u306a\u308b\u306e\u304b\u5206\u304b\u308a\u306b\u304f\u3044\u3068\u611f\u3058\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u6697\u7b97\u3067\u8a08\u7b97\u3059\u308b\u306e\u306f\u610f\u5916\u3068\u9762\u5012\u3067\u3001\u9593\u9055\u3048\u3066\u3057\u307e\u3046\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb\u3092\u4f7f\u3048\u3070\u3001 &#8230; <a title=\"\u7121\u6599\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb\" class=\"read-more\" href=\"https:\/\/tool-laboratory.com\/en\/discount-calculator\/\" aria-label=\"Read more about \u7121\u6599\u5272\u5f15\u8a08\u7b97\u30c4\u30fc\u30eb\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-calculator"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":8,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/34\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}