{"id":11,"date":"2026-10-15T14:17:45","date_gmt":"2026-10-15T14:17:45","guid":{"rendered":"https:\/\/df.36256ryd.se\/wp\/?page_id=11"},"modified":"2026-10-15T14:45:03","modified_gmt":"2026-10-15T14:45:03","slug":"preempriset","status":"publish","type":"page","link":"https:\/\/df.36256ryd.se\/wp\/","title":{"rendered":"PREEMPRISET"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Preem Diesel Prisr\u00e4knare<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f4f6f8;\n            margin: 0;\n            padding: 20px;\n            display: flex;\n            justify-content: center;\n        }\n        .card {\n            background: #ffffff;\n            border-radius: 10px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n            max-width: 420px;\n            width: 100%;\n            padding: 24px;\n        }\n        h2 {\n            color: #006633; \/* Preem-gr\u00f6n *\/\n            margin-top: 0;\n            font-size: 1.5rem;\n            text-align: center;\n        }\n        .form-group {\n            margin-bottom: 15px;\n        }\n        label {\n            display: block;\n            font-size: 0.9rem;\n            color: #555;\n            margin-bottom: 5px;\n        }\n        input[type=\"number\"] {\n            width: 100%;\n            padding: 10px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            font-size: 1rem;\n            box-sizing: border-box;\n        }\n        button {\n            width: 100%;\n            background-color: #006633;\n            color: white;\n            border: none;\n            padding: 12px;\n            border-radius: 5px;\n            font-size: 1rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        button:hover {\n            background-color: #004d26;\n        }\n        .results {\n            margin-top: 20px;\n            border-top: 2px solid #eef2f5;\n            padding-top: 15px;\n        }\n        .row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 10px;\n            font-size: 0.95rem;\n        }\n        .row.highlight {\n            font-weight: bold;\n            color: #006633;\n            font-size: 1.1rem;\n            background-color: #e6f2ec;\n            padding: 8px;\n            border-radius: 5px;\n        }\n        .row.savings {\n            font-weight: bold;\n            color: #d9534f;\n            background-color: #fdf7f7;\n            padding: 8px;\n            border-radius: 5px;\n        }\n        .note {\n            font-size: 0.75rem;\n            color: #777;\n            margin-top: 15px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n    <h2>Preem Diesel Ber\u00e4knare<\/h2>\n    \n    <div class=\"form-group\">\n        <label for=\"originalPrice\">Listpris Evolution Diesel (inkl. moms, kr\/l):<\/label>\n        <input type=\"number\" id=\"originalPrice\" step=\"0.01\" value=\"23.34\">\n    <\/div>\n\n    <div class=\"form-group\">\n        <label for=\"tankLiters\">Antal liter vid tankning:<\/label>\n        <input type=\"number\" id=\"tankLiters\" value=\"1\">\n    <\/div>\n\n    <button onclick=\"calculatePrice()\">Ber\u00e4kna nytt pris<\/button>\n\n    <div class=\"results\" id=\"results\" style=\"display:none;\">\n        <div class=\"row\">\n            <span>Ordinarie pris (inkl. moms):<\/span>\n            <span id=\"resOriginal\">0.00 kr\/l<\/span>\n        <\/div>\n        <div class=\"row\">\n            <span>Pris exkl. moms:<\/span>\n            <span id=\"resExclMoms\">0.00 kr\/l<\/span>\n        <\/div>\n        <div class=\"row\">\n            <span>Efter 1 kr rabatt (exkl. moms):<\/span>\n            <span id=\"resDiscountExcl\">0.00 kr\/l<\/span>\n        <\/div>\n        <div class=\"row highlight\">\n            <span>Nytt pris (inkl. moms):<\/span>\n            <span id=\"resNewPrice\">0.00 kr\/l<\/span>\n        <\/div>\n        <div class=\"row savings\">\n            <span>Besparing per liter:<\/span>\n            <span id=\"resSavingsLiter\">0.00 kr\/l<\/span>\n        <\/div>\n        <div class=\"row savings\">\n            <span>Total besparing (vid tankning):<\/span>\n            <span id=\"resTotalSavings\">0.00 kr<\/span>\n        <\/div>\n    <\/div>\n\n    <p class=\"note\">\n        Formel: (Listpris \/ 1.25 &#8211; 1.00) \u00d7 1.25<br>\n        Besparing inkl. moms motsvarar 1,25 kr\/liter.\n    <\/p>\n<\/div>\n\n<script>\n    function calculatePrice() {\n        \/\/ H\u00e4mta indata\n        const originalPriceInklMoms = parseFloat(document.getElementById('originalPrice').value);\n        const liters = parseFloat(document.getElementById('tankLiters').value) || 0;\n\n        if (isNaN(originalPriceInklMoms) || originalPriceInklMoms <= 0) {\n            alert('V\u00e4nligen ange ett giltigt pris.');\n            return;\n        }\n\n        \/\/ 1. Ta bort momsen (momsen p\u00e5 drivmedel i Sverige \u00e4r 25%)\n        const priceExclMoms = originalPriceInklMoms \/ 1.25;\n\n        \/\/ 2. Minska priset med 1 krona (exkl. moms)\n        const priceDiscountedExclMoms = priceExclMoms - 1.00;\n\n        \/\/ 3. L\u00e4gg p\u00e5 momsen igen (\u00d7 1.25)\n        const newPriceInklMoms = priceDiscountedExclMoms * 1.25;\n\n        \/\/ 4. Ber\u00e4kna besparing\n        const savingsPerLiter = originalPriceInklMoms - newPriceInklMoms; \/\/ Blir exakt 1.25 kr\/l\n        const totalSavings = savingsPerLiter * liters;\n\n        \/\/ Visa resultaten\n        document.getElementById('resOriginal').innerText = originalPriceInklMoms.toFixed(2) + ' kr\/l';\n        document.getElementById('resExclMoms').innerText = priceExclMoms.toFixed(2) + ' kr\/l';\n        document.getElementById('resDiscountExcl').innerText = priceDiscountedExclMoms.toFixed(2) + ' kr\/l';\n        document.getElementById('resNewPrice').innerText = newPriceInklMoms.toFixed(2) + ' kr\/l';\n        document.getElementById('resSavingsLiter').innerText = savingsPerLiter.toFixed(2) + ' kr\/l';\n        document.getElementById('resTotalSavings').innerText = totalSavings.toFixed(2) + ' kr';\n\n        document.getElementById('results').style.display = 'block';\n    }\n\n    \/\/ Automatiskt k\u00f6r ber\u00e4kningen vid start\n    calculatePrice();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Preem Diesel Prisr\u00e4knare Preem Diesel Ber\u00e4knare Listpris Evolution Diesel (inkl. moms, kr\/l): Antal liter vid tankning: Ber\u00e4kna nytt pris Ordinarie pris (inkl. moms): 0.00 kr\/l Pris exkl. moms: 0.00 kr\/l Efter 1 kr rabatt (exkl. moms): 0.00 kr\/l Nytt pris (inkl. moms): 0.00 kr\/l Besparing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":6,"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/pages\/11\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/df.36256ryd.se\/wp\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}