Byg din egen beregner
Lav en interaktiv beregner til din artikel — uden at kunne kode. Du kopierer en opskrift, vedhæfter en færdig skabelon, og fortæller AI'en om dit emne.
Mange historier gemmer på et tal læseren gerne selv vil regne ud: Hvor meget får jeg i skattelettelse? Hvad koster den nye afgift mig? En lille beregner gør artiklen personlig — og den kan bygges på en eftermiddag med AI.
Det her værktøj giver dig en gennemtestet opskrift (prompt) og en færdig beregner som skabelon. Du behøver ikke forstå koden — du skal bare beskrive dit emne, dine inputfelter og din matematik.
Sådan gør du
Hent skabelonen
Download skabelon-beregneren nedenfor (en HTML-fil). Det er den, du vedhæfter til AI'en, så looket og strukturen matcher Politiken fra start.
Kopiér opskriften
Tryk på “Kopiér prompt”. Indsæt den i Claude, Codex eller ChatGPT — og vedhæft skabelon-filen i samme besked.
Udfyld dit emne
I prompten er der [gule felter] du selv udfylder: emnet, inputfelterne, hvad der skal vises, og matematikken (satser, grænser, formler).
Test og bestil tjek
AI'en leverer beregneren + testberegninger. Tjek tallene mod dine kilder, og få den sikkerhedstjekket før den lægges i CUE.
Skabelonen
Opskriften (prompt)
De [gule felter] i kantede parenteser er dem du selv udfylder. Resten sikrer at beregneren bliver i Politiken-stil, ikke ødelægger artikelsiden, og bliver testet ordentligt.
Du skal hjælpe mig med at lave en interaktiv beregner til en journalistisk artikel. Jeg vedhæfter en eksisterende HTML-fil fra en tidligere beregner. Brug den som teknisk og visuel skabelon, men tilpas emne, tekst, inputfelter og matematik til den nye opgave. Vigtigt: - Bevar samme grundstruktur: én selvstændig HTML-fil med CSS og JavaScript. - CSS må ikke påvirke resten af artikelsiden. Alle klasser, id'er og CSS-variabler skal have et unikt prefix. - Hvis der er CSS-variabler, må de ikke ligge globalt i :root, men scopes lokalt til beregnerens wrapper. - Bevar gerne modellen med en separat JSON-tekstblok/tekstfil, så journalistiske tekster kan opdateres hurtigt. - Både ekstern tekstfil og fallback-tekst i HTML skal matche. - Skriv kort og klart på dansk til almindelige læsere. - Beregneren skal validere input og vise en forståelig fejlbesked. - Inputtal skal formatteres med danske tusindtalsseparatorer, fx 450.000. - Resultater skal afrundes til hele kroner/procenter, medmindre andet er aftalt. - Tilføj en kort forklaring under beregneren: "Sådan regner vi". - Lav testberegninger med mindst 5 eksempler, især omkring grænseværdier. Min opgave er denne: [INDSÆT KORT BESKRIVELSE AF ARTIKLENS EMNE] Beregneren skal spørge brugeren om: [INDSÆT INPUTFELTER, FX INDKOMST, ALDER, BOLIGVÆRDI, KOMMUNE, FORBRUG OSV.] Beregneren skal vise: [INDSÆT OUTPUT, FX ÅRLIG BESPARELSE, MÅNEDLIG BESPARELSE, NY UDGIFT, FORSKEL FØR/EFTER] Matematikken er: [INDSÆT SATSER, GRÆNSER, FORMLER OG ANTAGELSER] Hvis der er et før/efter-scenarie, skal du tydeligt skelne mellem: - regler før - regler efter - forskellen, som brugeren får vist Hvis der mangler oplysninger for at regne korrekt, så stop og stil præcise spørgsmål. Gæt ikke på satser, grænser eller definitioner. Når du laver beregneren, skal du levere: 1. Den opdaterede HTML 2. Eventuel JSON med tekster 3. En kort forklaring af matematikken 4. En liste med testberegninger 5. En kort note om antagelser og begrænsninger Fontregler: - Brug kun de fonte, der allerede findes i den vedhæftede HTML-skabelon, medmindre andet er aftalt. - Font-face-navne skal have et unikt prefix, så de ikke kolliderer med Politikens øvrige fonte. - Definér ikke fonte globalt med generiske navne som Flama eller FlamaSemiCondensed. - Fontfamilier skal refereres via lokalt scopede CSS-variabler på beregnerens wrapper. - CSS-variabler til fonte skal også have unikke navne, fx med projektprefix og suffix som -pol-vibe. - Brug display-fonten til korte overskrifter og resultatbeløb. - Brug brødtekst-fonten til labels, hjælpetekster, forklaringer og knapper. - Undgå at ændre font, fontstørrelse eller line-height på globale tags som body, h1, p, label eller input.