Spotpris idag<\/title>\n <style>\n #spotpris-app {\n font-family: Arial, sans-serif;\n margin: 20px auto;\n background-color: transparent;\n color: #333;\n max-width: 1200px;\n }\n #spotpris-app h1 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 1.2em;\n }\n #spotpris-app .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 20px;\n }\n #spotpris-app .elpris {\n flex: 1 1 calc(50% - 10px); \/* Tv\u00e5 kolumner *\/\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 10px;\n background-color: #fff; \/* Vit bakgrund f\u00f6r rutorna *\/\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n text-align: left;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n #spotpris-app .elpris:hover {\n transform: scale(1.05);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }\n #spotpris-app .elpris h2 {\n font-size: 1.1em;\n margin-bottom: 10px;\n color: #333;\n text-align: left; \/* Se till att rubriken \u00e4r v\u00e4nsterjusterad *\/\n }\n #spotpris-app p {\n font-size: 1.1em;\n margin: 5px 0;\n line-height: 1.4;\n color: #333;\n }\n @media (max-width: 600px) {\n #spotpris-app .elpris {\n flex: 1 1 100%; \/* En kolumn p\u00e5 sm\u00e5 sk\u00e4rmar *\/\n font-size: 0.9em;\n padding: 10px;\n }\n #spotpris-app h1 {\n font-size: 1em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"spotpris-app\">\n <center><h3 id=\"spotpris-title\">Spotpris idag den<br><\/h3><\/center>\n <div class=\"container\">\n <div id=\"elpris-se1\" class=\"elpris\">\n <h2>Elomr\u00e5de SE1 (Zon 1)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se2\" class=\"elpris\">\n <h2>Elomr\u00e5de SE2 (Zon 2)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se3\" class=\"elpris\">\n <h2>Elomr\u00e5de SE3 (Zon 3)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se4\" class=\"elpris\">\n <h2>Elomr\u00e5de SE4 (Zon 4)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <script>\n (function () {\n \/\/ S\u00e4tt dagens datum i rubriken\n const today = new Date();\n const formattedDate = today.toLocaleDateString('sv-SE', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n document.getElementById('spotpris-title').innerHTML = `Spotpris idag den<br>${formattedDate}`;\n \n async function fetchElpris(zone) {\n const today = new Date().toISOString().split('T')[0];\n const [year, month, day] = today.split('-');\n const url = `https:\/\/www.elprisetjustnu.se\/api\/v1\/prices\/${year}\/${month}-${day}_${zone}.json`;\n\n try {\n const response = await fetch(url);\n if (!response.ok) throw new Error(\"Kunde inte h\u00e4mta data fr\u00e5n API:et.\");\n \n const data = await response.json();\n\n let lowestPrice = Infinity;\n let highestPrice = -Infinity;\n let totalPrice = 0;\n\n data.forEach(hour => {\n const price = hour.SEK_per_kWh * 100; \/\/ Pris i \u00f6re per kWh\n if (price < lowestPrice) lowestPrice = price;\n if (price > highestPrice) highestPrice = price;\n totalPrice += price;\n });\n\n const averagePrice = totalPrice \/ data.length;\n\n \/\/ Ers\u00e4tt inneh\u00e5llet i rutan ist\u00e4llet f\u00f6r att l\u00e4gga till nytt\n const html = `\n <p><strong>L\u00e4gsta pris:<\/strong> ${lowestPrice.toFixed(2)} \u00f6re\/kWh<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> ${highestPrice.toFixed(2)} \u00f6re\/kWh<\/p>\n <p><strong>Medelpris:<\/strong> ${averagePrice.toFixed(2)} \u00f6re\/kWh<\/p>\n `;\n\n document.getElementById(`elpris-${zone.toLowerCase()}`).innerHTML = `<h2>Elomr\u00e5de ${zone} (Zon ${zone.slice(-1)})<\/h2>${html}`;\n } catch (error) {\n document.getElementById(`elpris-${zone.toLowerCase()}`).innerHTML = `\n <h2>Elomr\u00e5de ${zone} (Zon ${zone.slice(-1)})<\/h2>\n <p>Kunde inte h\u00e4mta elpriset. F\u00f6rs\u00f6k igen senare.<\/p>\n <p>Fel: ${error.message}<\/p>\n `;\n }\n }\n\n \/\/ H\u00e4mta data f\u00f6r alla zoner\n ['SE1', 'SE2', 'SE3', 'SE4'].forEach(zone => fetchElpris(zone));\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Spotpris idag Spotpris idag den Elomr\u00e5de SE1 (Zon 1) L\u00e4gsta pris: H\u00e4mtar data… H\u00f6gsta pris: H\u00e4mtar data… Medelpris: H\u00e4mtar data… […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-715","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":37,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":756,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions\/756"}],"wp:attachment":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/media?parent=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":715,"date":"2024-11-26T19:25:03","date_gmt":"2024-11-26T19:25:03","guid":{"rendered":"https:\/\/hintek.se\/?page_id=715"},"modified":"2024-11-26T20:50:19","modified_gmt":"2024-11-26T20:50:19","slug":"elpris","status":"publish","type":"page","link":"https:\/\/hintek.se\/index.php\/elpris\/","title":{"rendered":"Spotpris"},"content":{"rendered":"\n\n\n\n \n \n Spotpris idag<\/title>\n <style>\n #spotpris-app {\n font-family: Arial, sans-serif;\n margin: 20px auto;\n background-color: transparent;\n color: #333;\n max-width: 1200px;\n }\n #spotpris-app h1 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 1.2em;\n }\n #spotpris-app .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 20px;\n }\n #spotpris-app .elpris {\n flex: 1 1 calc(50% - 10px); \/* Tv\u00e5 kolumner *\/\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 10px;\n background-color: #fff; \/* Vit bakgrund f\u00f6r rutorna *\/\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n text-align: left;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n #spotpris-app .elpris:hover {\n transform: scale(1.05);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }\n #spotpris-app .elpris h2 {\n font-size: 1.1em;\n margin-bottom: 10px;\n color: #333;\n text-align: left; \/* Se till att rubriken \u00e4r v\u00e4nsterjusterad *\/\n }\n #spotpris-app p {\n font-size: 1.1em;\n margin: 5px 0;\n line-height: 1.4;\n color: #333;\n }\n @media (max-width: 600px) {\n #spotpris-app .elpris {\n flex: 1 1 100%; \/* En kolumn p\u00e5 sm\u00e5 sk\u00e4rmar *\/\n font-size: 0.9em;\n padding: 10px;\n }\n #spotpris-app h1 {\n font-size: 1em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"spotpris-app\">\n <center><h3 id=\"spotpris-title\">Spotpris idag den<br><\/h3><\/center>\n <div class=\"container\">\n <div id=\"elpris-se1\" class=\"elpris\">\n <h2>Elomr\u00e5de SE1 (Zon 1)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se2\" class=\"elpris\">\n <h2>Elomr\u00e5de SE2 (Zon 2)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se3\" class=\"elpris\">\n <h2>Elomr\u00e5de SE3 (Zon 3)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <div id=\"elpris-se4\" class=\"elpris\">\n <h2>Elomr\u00e5de SE4 (Zon 4)<\/h2>\n <p><strong>L\u00e4gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> H\u00e4mtar data…<\/p>\n <p><strong>Medelpris:<\/strong> H\u00e4mtar data…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <script>\n (function () {\n \/\/ S\u00e4tt dagens datum i rubriken\n const today = new Date();\n const formattedDate = today.toLocaleDateString('sv-SE', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n document.getElementById('spotpris-title').innerHTML = `Spotpris idag den<br>${formattedDate}`;\n \n async function fetchElpris(zone) {\n const today = new Date().toISOString().split('T')[0];\n const [year, month, day] = today.split('-');\n const url = `https:\/\/www.elprisetjustnu.se\/api\/v1\/prices\/${year}\/${month}-${day}_${zone}.json`;\n\n try {\n const response = await fetch(url);\n if (!response.ok) throw new Error(\"Kunde inte h\u00e4mta data fr\u00e5n API:et.\");\n \n const data = await response.json();\n\n let lowestPrice = Infinity;\n let highestPrice = -Infinity;\n let totalPrice = 0;\n\n data.forEach(hour => {\n const price = hour.SEK_per_kWh * 100; \/\/ Pris i \u00f6re per kWh\n if (price < lowestPrice) lowestPrice = price;\n if (price > highestPrice) highestPrice = price;\n totalPrice += price;\n });\n\n const averagePrice = totalPrice \/ data.length;\n\n \/\/ Ers\u00e4tt inneh\u00e5llet i rutan ist\u00e4llet f\u00f6r att l\u00e4gga till nytt\n const html = `\n <p><strong>L\u00e4gsta pris:<\/strong> ${lowestPrice.toFixed(2)} \u00f6re\/kWh<\/p>\n <p><strong>H\u00f6gsta pris:<\/strong> ${highestPrice.toFixed(2)} \u00f6re\/kWh<\/p>\n <p><strong>Medelpris:<\/strong> ${averagePrice.toFixed(2)} \u00f6re\/kWh<\/p>\n `;\n\n document.getElementById(`elpris-${zone.toLowerCase()}`).innerHTML = `<h2>Elomr\u00e5de ${zone} (Zon ${zone.slice(-1)})<\/h2>${html}`;\n } catch (error) {\n document.getElementById(`elpris-${zone.toLowerCase()}`).innerHTML = `\n <h2>Elomr\u00e5de ${zone} (Zon ${zone.slice(-1)})<\/h2>\n <p>Kunde inte h\u00e4mta elpriset. F\u00f6rs\u00f6k igen senare.<\/p>\n <p>Fel: ${error.message}<\/p>\n `;\n }\n }\n\n \/\/ H\u00e4mta data f\u00f6r alla zoner\n ['SE1', 'SE2', 'SE3', 'SE4'].forEach(zone => fetchElpris(zone));\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Spotpris idag Spotpris idag den Elomr\u00e5de SE1 (Zon 1) L\u00e4gsta pris: H\u00e4mtar data… H\u00f6gsta pris: H\u00e4mtar data… Medelpris: H\u00e4mtar data… […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-715","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":37,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":756,"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions\/756"}],"wp:attachment":[{"href":"https:\/\/hintek.se\/index.php\/wp-json\/wp\/v2\/media?parent=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}