Procentr\u00e4knare – R\u00e4kna ut procent enkelt | Gratis onlineverktyg<\/title>\n <style>\n :root {\n --primary-color: #3498db;\n --primary-hover: #2980b9;\n --background: #f9f9f9;\n --text-color: #333;\n --border-color: #ddd;\n --result-bg: #e8f4fc;\n }\n \n body {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: #f5f5f5;\n margin: 0;\n padding: 20px;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n h1 {\n color: #2c3e50;\n margin-bottom: 20px;\n font-size: 2rem;\n text-align: center;\n }\n \n .container {\n width: 100%;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .calculator {\n background-color: var(--background);\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n margin-bottom: 30px;\n }\n \n .calculator-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: bold;\n font-size: 1rem;\n }\n \n input, select {\n width: 100%;\n padding: 12px;\n border: 1px solid var(--border-color);\n border-radius: 6px;\n font-size: 1rem;\n box-sizing: border-box;\n transition: border-color 0.3s;\n }\n \n input:focus, select:focus {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n }\n \n button {\n width: 100%;\n padding: 12px;\n background-color: var(--primary-color);\n color: white;\n font-weight: bold;\n font-size: 1rem;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s;\n margin-top: 10px;\n }\n \n button:hover {\n background-color: var(--primary-hover);\n }\n \n .result {\n margin-top: 25px;\n padding: 20px;\n background-color: var(--result-bg);\n border-radius: 8px;\n font-size: 1.1rem;\n text-align: center;\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n \n .info-section {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n margin-top: 20px;\n }\n \n .info-section h2 {\n color: #2c3e50;\n margin-top: 0;\n }\n \n .examples {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n \n .example-card {\n background-color: #f0f8ff;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid var(--primary-color);\n }\n \n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .calculator {\n padding: 20px;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n }\n \n @media (max-width: 480px) {\n .calculator {\n padding: 15px;\n }\n \n input, select, button {\n padding: 10px;\n }\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>Procentr\u00e4knare – R\u00e4kna ut procent enkelt<\/h1>\n \n <div class=\"calculator\">\n <div class=\"calculator-grid\">\n <div class=\"form-group\">\n <label for=\"calculation-type\">Vad vill du r\u00e4kna ut?<\/label>\n <select id=\"calculation-type\">\n <option value=\"percent-of\">Hur mycket \u00e4r X % av Y?<\/option>\n <option value=\"percent-change\">X \u00e4r hur m\u00e5nga % av Y?<\/option>\n <option value=\"increase-decrease\">\u00d6ka eller minska Y med X %<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\" id=\"x-group\">\n <label for=\"x-value\" id=\"x-label\">Procent (X)<\/label>\n <input type=\"number\" id=\"x-value\" placeholder=\"Ange procent\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"y-value\">V\u00e4rde (Y)<\/label>\n <input type=\"number\" id=\"y-value\" placeholder=\"Ange v\u00e4rde\">\n <\/div>\n <\/div>\n \n <button id=\"calculate\">Ber\u00e4kna<\/button>\n \n <div class=\"result\" id=\"result\"><\/div>\n <\/div>\n \n <div class=\"info-section\">\n <h2>Hur man anv\u00e4nder procentr\u00e4knaren<\/h2>\n <p>V\u00e4lj vilken typ av ber\u00e4kning du vill g\u00f6ra, ange v\u00e4rdena i f\u00e4lten och klicka p\u00e5 “Ber\u00e4kna” f\u00f6r att f\u00e5 resultatet omedelbart.<\/p>\n \n <div class=\"examples\">\n <div class=\"example-card\">\n <strong>Exempel 1: Rabattber\u00e4kning<\/strong>\n <p>V\u00e4lj “Hur mycket \u00e4r X % av Y?”<\/p>\n <p>Ange X = 30 (f\u00f6r 30% rabatt)<\/p>\n <p>Ange Y = 500 (f\u00f6r 500 kr)<\/p>\n <p>Resultat: 150 kr rabatt<\/p>\n <\/div>\n \n <div class=\"example-card\">\n <strong>Exempel 2: Provresultat<\/strong>\n <p>V\u00e4lj “X \u00e4r hur m\u00e5nga % av Y?”<\/p>\n <p>Ange X = 45 (r\u00e4tta svar)<\/p>\n <p>Ange Y = 50 (totala fr\u00e5gor)<\/p>\n <p>Resultat: 90%<\/p>\n <\/div>\n \n <div class=\"example-card\">\n <strong>Exempel 3: L\u00f6ne\u00f6kning<\/strong>\n <p>V\u00e4lj “\u00d6ka eller minska Y med X %”<\/p>\n <p>Ange X = 5 (f\u00f6r 5% \u00f6kning)<\/p>\n <p>Ange Y = 30000 (l\u00f6n)<\/p>\n <p>Resultat: 31 500 kr<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const calculationType = document.getElementById('calculation-type');\n const xGroup = document.getElementById('x-group');\n const xLabel = document.getElementById('x-label');\n const xValue = document.getElementById('x-value');\n const yValue = document.getElementById('y-value');\n const calculateBtn = document.getElementById('calculate');\n const resultDiv = document.getElementById('result');\n \n \/\/ Update labels based on selected calculation type\n calculationType.addEventListener('change', updateLabels);\n \n function updateLabels() {\n const type = calculationType.value;\n \n if (type === 'percent-of') {\n xLabel.textContent = 'Procent (X)';\n xValue.placeholder = 'Ange procent (t.ex. 25 f\u00f6r 25%)';\n } else if (type === 'percent-change') {\n xLabel.textContent = 'Del (X)';\n xValue.placeholder = 'Ange del av helheten (t.ex. 30)';\n } else if (type === 'increase-decrease') {\n xLabel.textContent = 'Procent\u00e4ndring (X)';\n xValue.placeholder = 'Ange % (+ f\u00f6r \u00f6kning, - f\u00f6r minskning)';\n }\n }\n \n \/\/ Calculate result\n calculateBtn.addEventListener('click', calculatePercentage);\n \n \/\/ Allow calculation on Enter key press\n [xValue, yValue].forEach(input => {\n input.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n calculatePercentage();\n }\n });\n });\n \n function calculatePercentage() {\n const type = calculationType.value;\n const x = parseFloat(xValue.value);\n const y = parseFloat(yValue.value);\n \n if (isNaN(x) || isNaN(y)) {\n showResult('V\u00e4nligen ange giltiga nummer i b\u00e5da f\u00e4lten.');\n return;\n }\n \n let result = '';\n \n if (type === 'percent-of') {\n const calc = (x \/ 100) * y;\n result = `<strong>${x}% av ${y}<\/strong> \u00e4r <strong>${calc.toFixed(2)}<\/strong>`;\n } else if (type === 'percent-change') {\n const calc = (x \/ y) * 100;\n result = `<strong>${x}<\/strong> \u00e4r <strong>${calc.toFixed(2)}%<\/strong> av <strong>${y}<\/strong>`;\n } else if (type === 'increase-decrease') {\n const calc = y + (y * (x \/ 100));\n const changeType = x >= 0 ? '\u00f6kning' : 'minskning';\n result = `Efter <strong>${Math.abs(x)}% ${changeType}<\/strong> blir <strong>${y}<\/strong> till <strong>${calc.toFixed(2)}<\/strong>`;\n }\n \n showResult(result);\n }\n \n function showResult(message) {\n resultDiv.innerHTML = message;\n resultDiv.style.display = 'block';\n \n \/\/ Scroll to result if it's not fully visible\n resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n \n \/\/ Initialize labels\n updateLabels();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><em>r\u00e4kna procent \u2013 Snabb, Enkel & Exakt<\/em><\/h2>\n\n\n\n<p>Tr\u00f6tt p\u00e5 att r\u00e4kna procent manuellt? V\u00e5r <strong>gratis R\u00e4kna ut procent<\/strong> ger dig omedelbara resultat f\u00f6r rabatter, dricks, skatter, provresultat och mycket mer. Ingen formel att memorera \u2013 bara ange siffrorna och f\u00e5 korrekta svar p\u00e5 sekunden!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>hur r\u00e4knar man ut procent<\/em><\/h2>\n\n\n\n<p><strong>1. Ange del och helhet:<\/strong> Fyll i de tv\u00e5 talen du vill j\u00e4mf\u00f6ra (t.ex. 25 av 50).<br><strong>2. Klicka “Ber\u00e4kna”:<\/strong> F\u00e5 procentresultatet direkt (i exemplet 50%).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Varf\u00f6r Beh\u00f6ver Du Denna Kalkulator?<\/em><\/h2>\n\n\n\n<p>\u2705 <strong>Sparar tid<\/strong> \u2013 procentr\u00e4kning p\u00e5 1 sekund<br>\u2705 <strong>Felriskfritt<\/strong> \u2013 Exakta resultat f\u00f6r viktiga beslut<br>\u2705 <strong>Dagligen anv\u00e4ndbar<\/strong> \u2013 Shopping, restaurangbes\u00f6k, betygskalkyler<br>\u2705 <strong>Enkel att anv\u00e4nda<\/strong> \u2013 Ange bara siffrorna, vi g\u00f6r resten<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Exempel fr\u00e5n Vardagen<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Situation<\/th><th>Problem<\/th><th>L\u00f6sning med V\u00e5r Kalkulator<\/th><\/tr><\/thead><tbody><tr><td><strong>Rea<\/strong><\/td><td>“30% rabatt p\u00e5 500 kr?”<\/td><td><strong>Sparar 150 kr<\/strong><\/td><\/tr><tr><td><strong>Dricks<\/strong><\/td><td>“10% dricks p\u00e5 300 kr?”<\/td><td><strong>30 kr i dricks<\/strong><\/td><\/tr><tr><td><strong>Provresultat<\/strong><\/td><td>“45 r\u00e4tt av 50 fr\u00e5gor?”<\/td><td><strong>Betyg: 90%<\/strong><\/td><\/tr><tr><td><strong>L\u00f6nef\u00f6rh\u00f6jning<\/strong><\/td><td>“7% \u00f6kning p\u00e5 30 000 kr?”<\/td><td><strong>Ny l\u00f6n: 32 100 kr<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>procentr\u00e4knare \u2013 Grundformel<\/em><\/strong><\/h3>\n\n\n\n<p>*(Del \u00f7 Hela) \u00d7 100 = Procent*<\/p>\n\n\n\n<p><strong>Exempel:<\/strong><br>Du fick 36 r\u00e4tt av 40 fr\u00e5gor p\u00e5 ett prov:<br>*(36 \u00f7 40) \u00d7 100 = 90%*<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Vad Mer Kan V\u00e5r Procentr\u00e4knare Ber\u00e4kna?<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Procentuell \u00f6kning\/minskning<\/strong> (<em>“Priset steg med 15% \u2013 vad blir det nya priset?”<\/em>)<\/li>\n\n\n\n<li><strong>Bakl\u00e4ngesber\u00e4kning<\/strong> (<em>“600 kr efter 25% rabatt \u2013 vad var ursprungspriset?”<\/em>)<\/li>\n\n\n\n<li><strong>Flerniv\u00e5rabatter<\/strong> (<em>“Extra 10% rabatt efter f\u00f6rsta rabatten p\u00e5 20%”<\/em>)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><em>Procent i Vardagen \u2013 Var St\u00f6ter Du P\u00e5 Det?<\/em><\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Ekonomi<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“R\u00e4nta p\u00e5 sparkonto: 3% per \u00e5r”<\/li>\n\n\n\n<li>“Handpenning p\u00e5 bostad: 15% av 2 miljoner kr”<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Shopping<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“Rea: 50% p\u00e5 alla kl\u00e4der”<\/li>\n\n\n\n<li>“5% cashback p\u00e5 n\u00e4sta k\u00f6p”<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Utbildning<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“Godk\u00e4nt betyg kr\u00e4ver 50%”<\/li>\n\n\n\n<li>“N\u00e4rvaro: 90% denna termin”<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><em>Tips f\u00f6r Enklare Procentber\u00e4kningar<\/em><\/strong><\/h2>\n\n\n\n<p>\u2714 Anv\u00e4nd v\u00e5r procent av r\u00e4knare f\u00f6r att:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ber\u00e4kna <strong>dricks<\/strong> snabbt<\/li>\n\n\n\n<li>J\u00e4mf\u00f6ra <strong>rabatterade priser<\/strong><\/li>\n\n\n\n<li>Omvandla <strong>provresultat<\/strong> till betyg<\/li>\n\n\n\n<li>Analysera <strong>ekonomiska procenttal<\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Procentr\u00e4knare – R\u00e4kna ut procent enkelt | Gratis onlineverktyg Procentr\u00e4knare – R\u00e4kna ut procent enkelt Vad vill du r\u00e4kna ut? Hur mycket \u00e4r X % av Y?X \u00e4r hur m\u00e5nga % av Y?\u00d6ka eller minska Y med X % Procent (X) V\u00e4rde (Y) Ber\u00e4kna Hur man anv\u00e4nder procentr\u00e4knaren V\u00e4lj vilken typ av ber\u00e4kning du vill…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"right","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/xn--rknautprocent-bfb.com\/author\/admin"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2025-05-29T15:20:06","date_gmt":"2025-05-29T15:20:06","guid":{"rendered":"https:\/\/xn--rknautprocent-bfb.com\/?page_id=15"},"modified":"2025-05-29T15:43:42","modified_gmt":"2025-05-29T15:43:42","slug":"15-2","status":"publish","type":"page","link":"https:\/\/xn--rknautprocent-bfb.com\/","title":{"rendered":"R\u00e4kna ut procent"},"content":{"rendered":"\n\n\n\n \n \n \n Procentr\u00e4knare – R\u00e4kna ut procent enkelt | Gratis onlineverktyg<\/title>\n <style>\n :root {\n --primary-color: #3498db;\n --primary-hover: #2980b9;\n --background: #f9f9f9;\n --text-color: #333;\n --border-color: #ddd;\n --result-bg: #e8f4fc;\n }\n \n body {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: #f5f5f5;\n margin: 0;\n padding: 20px;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n h1 {\n color: #2c3e50;\n margin-bottom: 20px;\n font-size: 2rem;\n text-align: center;\n }\n \n .container {\n width: 100%;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n \n .calculator {\n background-color: var(--background);\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n margin-bottom: 30px;\n }\n \n .calculator-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 8px;\n font-weight: bold;\n font-size: 1rem;\n }\n \n input, select {\n width: 100%;\n padding: 12px;\n border: 1px solid var(--border-color);\n border-radius: 6px;\n font-size: 1rem;\n box-sizing: border-box;\n transition: border-color 0.3s;\n }\n \n input:focus, select:focus {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n }\n \n button {\n width: 100%;\n padding: 12px;\n background-color: var(--primary-color);\n color: white;\n font-weight: bold;\n font-size: 1rem;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s;\n margin-top: 10px;\n }\n \n button:hover {\n background-color: var(--primary-hover);\n }\n \n .result {\n margin-top: 25px;\n padding: 20px;\n background-color: var(--result-bg);\n border-radius: 8px;\n font-size: 1.1rem;\n text-align: center;\n display: none;\n animation: fadeIn 0.5s ease-in-out;\n }\n \n .info-section {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n margin-top: 20px;\n }\n \n .info-section h2 {\n color: #2c3e50;\n margin-top: 0;\n }\n \n .examples {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n \n .example-card {\n background-color: #f0f8ff;\n padding: 15px;\n border-radius: 8px;\n border-left: 4px solid var(--primary-color);\n }\n \n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .calculator {\n padding: 20px;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n }\n \n @media (max-width: 480px) {\n .calculator {\n padding: 15px;\n }\n \n input, select, button {\n padding: 10px;\n }\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>Procentr\u00e4knare – R\u00e4kna ut procent enkelt<\/h1>\n \n <div class=\"calculator\">\n <div class=\"calculator-grid\">\n <div class=\"form-group\">\n <label for=\"calculation-type\">Vad vill du r\u00e4kna ut?<\/label>\n <select id=\"calculation-type\">\n <option value=\"percent-of\">Hur mycket \u00e4r X % av Y?<\/option>\n <option value=\"percent-change\">X \u00e4r hur m\u00e5nga % av Y?<\/option>\n <option value=\"increase-decrease\">\u00d6ka eller minska Y med X %<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\" id=\"x-group\">\n <label for=\"x-value\" id=\"x-label\">Procent (X)<\/label>\n <input type=\"number\" id=\"x-value\" placeholder=\"Ange procent\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"y-value\">V\u00e4rde (Y)<\/label>\n <input type=\"number\" id=\"y-value\" placeholder=\"Ange v\u00e4rde\">\n <\/div>\n <\/div>\n \n <button id=\"calculate\">Ber\u00e4kna<\/button>\n \n <div class=\"result\" id=\"result\"><\/div>\n <\/div>\n \n <div class=\"info-section\">\n <h2>Hur man anv\u00e4nder procentr\u00e4knaren<\/h2>\n <p>V\u00e4lj vilken typ av ber\u00e4kning du vill g\u00f6ra, ange v\u00e4rdena i f\u00e4lten och klicka p\u00e5 “Ber\u00e4kna” f\u00f6r att f\u00e5 resultatet omedelbart.<\/p>\n \n <div class=\"examples\">\n <div class=\"example-card\">\n <strong>Exempel 1: Rabattber\u00e4kning<\/strong>\n <p>V\u00e4lj “Hur mycket \u00e4r X % av Y?”<\/p>\n <p>Ange X = 30 (f\u00f6r 30% rabatt)<\/p>\n <p>Ange Y = 500 (f\u00f6r 500 kr)<\/p>\n <p>Resultat: 150 kr rabatt<\/p>\n <\/div>\n \n <div class=\"example-card\">\n <strong>Exempel 2: Provresultat<\/strong>\n <p>V\u00e4lj “X \u00e4r hur m\u00e5nga % av Y?”<\/p>\n <p>Ange X = 45 (r\u00e4tta svar)<\/p>\n <p>Ange Y = 50 (totala fr\u00e5gor)<\/p>\n <p>Resultat: 90%<\/p>\n <\/div>\n \n <div class=\"example-card\">\n <strong>Exempel 3: L\u00f6ne\u00f6kning<\/strong>\n <p>V\u00e4lj “\u00d6ka eller minska Y med X %”<\/p>\n <p>Ange X = 5 (f\u00f6r 5% \u00f6kning)<\/p>\n <p>Ange Y = 30000 (l\u00f6n)<\/p>\n <p>Resultat: 31 500 kr<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const calculationType = document.getElementById('calculation-type');\n const xGroup = document.getElementById('x-group');\n const xLabel = document.getElementById('x-label');\n const xValue = document.getElementById('x-value');\n const yValue = document.getElementById('y-value');\n const calculateBtn = document.getElementById('calculate');\n const resultDiv = document.getElementById('result');\n \n \/\/ Update labels based on selected calculation type\n calculationType.addEventListener('change', updateLabels);\n \n function updateLabels() {\n const type = calculationType.value;\n \n if (type === 'percent-of') {\n xLabel.textContent = 'Procent (X)';\n xValue.placeholder = 'Ange procent (t.ex. 25 f\u00f6r 25%)';\n } else if (type === 'percent-change') {\n xLabel.textContent = 'Del (X)';\n xValue.placeholder = 'Ange del av helheten (t.ex. 30)';\n } else if (type === 'increase-decrease') {\n xLabel.textContent = 'Procent\u00e4ndring (X)';\n xValue.placeholder = 'Ange % (+ f\u00f6r \u00f6kning, - f\u00f6r minskning)';\n }\n }\n \n \/\/ Calculate result\n calculateBtn.addEventListener('click', calculatePercentage);\n \n \/\/ Allow calculation on Enter key press\n [xValue, yValue].forEach(input => {\n input.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n calculatePercentage();\n }\n });\n });\n \n function calculatePercentage() {\n const type = calculationType.value;\n const x = parseFloat(xValue.value);\n const y = parseFloat(yValue.value);\n \n if (isNaN(x) || isNaN(y)) {\n showResult('V\u00e4nligen ange giltiga nummer i b\u00e5da f\u00e4lten.');\n return;\n }\n \n let result = '';\n \n if (type === 'percent-of') {\n const calc = (x \/ 100) * y;\n result = `<strong>${x}% av ${y}<\/strong> \u00e4r <strong>${calc.toFixed(2)}<\/strong>`;\n } else if (type === 'percent-change') {\n const calc = (x \/ y) * 100;\n result = `<strong>${x}<\/strong> \u00e4r <strong>${calc.toFixed(2)}%<\/strong> av <strong>${y}<\/strong>`;\n } else if (type === 'increase-decrease') {\n const calc = y + (y * (x \/ 100));\n const changeType = x >= 0 ? '\u00f6kning' : 'minskning';\n result = `Efter <strong>${Math.abs(x)}% ${changeType}<\/strong> blir <strong>${y}<\/strong> till <strong>${calc.toFixed(2)}<\/strong>`;\n }\n \n showResult(result);\n }\n \n function showResult(message) {\n resultDiv.innerHTML = message;\n resultDiv.style.display = 'block';\n \n \/\/ Scroll to result if it's not fully visible\n resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n \n \/\/ Initialize labels\n updateLabels();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\"><em>r\u00e4kna procent \u2013 Snabb, Enkel & Exakt<\/em><\/h2>\n\n\n\n<p>Tr\u00f6tt p\u00e5 att r\u00e4kna procent manuellt? V\u00e5r <strong>gratis R\u00e4kna ut procent<\/strong> ger dig omedelbara resultat f\u00f6r rabatter, dricks, skatter, provresultat och mycket mer. Ingen formel att memorera \u2013 bara ange siffrorna och f\u00e5 korrekta svar p\u00e5 sekunden!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>hur r\u00e4knar man ut procent<\/em><\/h2>\n\n\n\n<p><strong>1. Ange del och helhet:<\/strong> Fyll i de tv\u00e5 talen du vill j\u00e4mf\u00f6ra (t.ex. 25 av 50).<br><strong>2. Klicka “Ber\u00e4kna”:<\/strong> F\u00e5 procentresultatet direkt (i exemplet 50%).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Varf\u00f6r Beh\u00f6ver Du Denna Kalkulator?<\/em><\/h2>\n\n\n\n<p>\u2705 <strong>Sparar tid<\/strong> \u2013 procentr\u00e4kning p\u00e5 1 sekund<br>\u2705 <strong>Felriskfritt<\/strong> \u2013 Exakta resultat f\u00f6r viktiga beslut<br>\u2705 <strong>Dagligen anv\u00e4ndbar<\/strong> \u2013 Shopping, restaurangbes\u00f6k, betygskalkyler<br>\u2705 <strong>Enkel att anv\u00e4nda<\/strong> \u2013 Ange bara siffrorna, vi g\u00f6r resten<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Exempel fr\u00e5n Vardagen<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Situation<\/th><th>Problem<\/th><th>L\u00f6sning med V\u00e5r Kalkulator<\/th><\/tr><\/thead><tbody><tr><td><strong>Rea<\/strong><\/td><td>“30% rabatt p\u00e5 500 kr?”<\/td><td><strong>Sparar 150 kr<\/strong><\/td><\/tr><tr><td><strong>Dricks<\/strong><\/td><td>“10% dricks p\u00e5 300 kr?”<\/td><td><strong>30 kr i dricks<\/strong><\/td><\/tr><tr><td><strong>Provresultat<\/strong><\/td><td>“45 r\u00e4tt av 50 fr\u00e5gor?”<\/td><td><strong>Betyg: 90%<\/strong><\/td><\/tr><tr><td><strong>L\u00f6nef\u00f6rh\u00f6jning<\/strong><\/td><td>“7% \u00f6kning p\u00e5 30 000 kr?”<\/td><td><strong>Ny l\u00f6n: 32 100 kr<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>procentr\u00e4knare \u2013 Grundformel<\/em><\/strong><\/h3>\n\n\n\n<p>*(Del \u00f7 Hela) \u00d7 100 = Procent*<\/p>\n\n\n\n<p><strong>Exempel:<\/strong><br>Du fick 36 r\u00e4tt av 40 fr\u00e5gor p\u00e5 ett prov:<br>*(36 \u00f7 40) \u00d7 100 = 90%*<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Vad Mer Kan V\u00e5r Procentr\u00e4knare Ber\u00e4kna?<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Procentuell \u00f6kning\/minskning<\/strong> (<em>“Priset steg med 15% \u2013 vad blir det nya priset?”<\/em>)<\/li>\n\n\n\n<li><strong>Bakl\u00e4ngesber\u00e4kning<\/strong> (<em>“600 kr efter 25% rabatt \u2013 vad var ursprungspriset?”<\/em>)<\/li>\n\n\n\n<li><strong>Flerniv\u00e5rabatter<\/strong> (<em>“Extra 10% rabatt efter f\u00f6rsta rabatten p\u00e5 20%”<\/em>)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><em>Procent i Vardagen \u2013 Var St\u00f6ter Du P\u00e5 Det?<\/em><\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Ekonomi<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“R\u00e4nta p\u00e5 sparkonto: 3% per \u00e5r”<\/li>\n\n\n\n<li>“Handpenning p\u00e5 bostad: 15% av 2 miljoner kr”<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Shopping<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“Rea: 50% p\u00e5 alla kl\u00e4der”<\/li>\n\n\n\n<li>“5% cashback p\u00e5 n\u00e4sta k\u00f6p”<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><em>Utbildning<\/em><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>“Godk\u00e4nt betyg kr\u00e4ver 50%”<\/li>\n\n\n\n<li>“N\u00e4rvaro: 90% denna termin”<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><em>Tips f\u00f6r Enklare Procentber\u00e4kningar<\/em><\/strong><\/h2>\n\n\n\n<p>\u2714 Anv\u00e4nd v\u00e5r procent av r\u00e4knare f\u00f6r att:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ber\u00e4kna <strong>dricks<\/strong> snabbt<\/li>\n\n\n\n<li>J\u00e4mf\u00f6ra <strong>rabatterade priser<\/strong><\/li>\n\n\n\n<li>Omvandla <strong>provresultat<\/strong> till betyg<\/li>\n\n\n\n<li>Analysera <strong>ekonomiska procenttal<\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Procentr\u00e4knare – R\u00e4kna ut procent enkelt | Gratis onlineverktyg Procentr\u00e4knare – R\u00e4kna ut procent enkelt Vad vill du r\u00e4kna ut? Hur mycket \u00e4r X % av Y?X \u00e4r hur m\u00e5nga % av Y?\u00d6ka eller minska Y med X % Procent (X) V\u00e4rde (Y) Ber\u00e4kna Hur man anv\u00e4nder procentr\u00e4knaren V\u00e4lj vilken typ av ber\u00e4kning du vill…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"right","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/xn--rknautprocent-bfb.com\/author\/admin"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/xn--rknautprocent-bfb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}