Inversen Umrechnungskurs in DKB Banking anzeigen

README.md

Inverser Umrechnungskurs für DKB Banking

Mit diesem Skript wird im DKB Banking unter den Umsatzdetails einer Kreditkartenabbuchung in einer Fremdwährung auch der inverse Umrechunungskurs angezeigt.

Um dieses Skript zu installieren, wird die Firefox-Erweiterung "Greasemonkey" bzw. die Chrome-Erweiterung "Tampermonkey" benötigt.

Nach der Installation legt man in der Erweiterung ein neues Skript an und kopiert den inhalt der Javascript-Datei rein.

Nun wird auch der Inverse Umrechnungskurs in den Umsatzdeteils angezeigt.

inverse.js

// ==UserScript==
// @name     Inverser Umrechnungskurs DKB
// @version  1
// @grant    none
// @match    https://www.dkb.de/banking/finanzstatus/kreditkartenumsaetze?$event=pick&id=*
// ==/UserScript==

(function (document) {
  let applicationFormElements = document.getElementsByClassName("applicationForm");

  if (applicationFormElements.length <= 0) return;

  let applicationForm = applicationFormElements[0],
      formBoxes = applicationForm.getElementsByClassName("formBox");

  for (let formBox of formBoxes) {
    let spans = formBox.getElementsByTagName("span"),
        property = spans[0].innerText,
        value = spans[1].innerText;

    if (property !== "Umrechnungskurs") continue;

    value = Number(value.replace(",", "."));

    let inverse = (1 / value).toFixed(6).replace(".", ",");

    let paragraph = document.createElement("p"),
        propertySpan = document.createElement("span"),
        valueSpan = document.createElement("span"),
        valueHolder = document.createElement("strong"),

        propertyNode = document.createTextNode("Inverser Umrechnungskurs"),
        valueNode = document.createTextNode(inverse);

    paragraph.classList.add("clearfix");
    paragraph.classList.add("formBox");

    propertySpan.classList.add("col25");
    valueSpan.classList.add("col75");

    propertySpan.appendChild(propertyNode);
    valueHolder.appendChild(valueNode);
    valueSpan.appendChild(valueHolder);
    paragraph.appendChild(propertySpan);
    paragraph.appendChild(valueSpan);

    formBox.insertAdjacentElement("afterend", paragraph);

    return;
  }
})(document);