ergänze CSS Klassen für positive und negative Punkteveränderungen

2 files changed, 14 insertions, 0 deletions

diff --git a/index.css b/index.css
index 339153d..31b82e5 100644
--- a/index.css
+++ b/index.css
@@ -51,6 +51,14 @@ li.ereignis {
   float:right;
 }
 
+.ereignis-delta.positiv {
+  color: green;
+}
+
+.ereignis-delta.negativ {
+  color: red;
+}
+
 .ereignis-beschreibung {
   margin-top: 2px;
   display: block;
diff --git a/index.js b/index.js
index b67bf04..4c78b15 100644
--- a/index.js
+++ b/index.js
@@ -142,6 +142,12 @@ function listeEvents() {
     let ereignisDelta = document.createElement("span");
     ereignisDelta.innerHTML = `${ereignis.Delta}`;
     ereignisDelta.classList.add("ereignis-delta");
+    // Ergänze positive und negative CSS Klassen
+    if (ereignis.Delta > 0) {
+      ereignisDelta.classList.add("positiv");
+    } else {
+      ereignisDelta.classList.add("negativ");
+    }
     ereignisNode.appendChild(ereignisDelta);
 
     // Die Beschreibung des Ereignisses