Implement error message

static/js/user.js

@@ -7,7 +7,11 @@ const api_path = `../../api/token${token}/`;
 const greeting = document.getElementById("greeting"),
     currentcoins = document.getElementById("currentcoins"),
     maxcoins = document.getElementById("maxcoins"),
-    sellvalue = document.getElementById("sellvalue");
+    sellvalue = document.getElementById("sellvalue"),
+
+    errormesssage = document.getElementById("errormessage"),
+    errortext = document.getElementById("errortext"),
+    errorclose = document.getElementById("errorclose");
 
 async function redraw() {
 
@@ -27,7 +31,7 @@ async function redraw() {
     currentcoins.innerText = user.score;
     maxcoins.innerText = user.maxscore;
     sellvalue.max = user.maxscore - user.score;
-
+    sellvalue.value = Math.min(sellvalue.value, sellvalue.max);
 }
 
 redraw();
@@ -36,7 +40,6 @@ const button = document.getElementById("sell");
 
 button.addEventListener("click", async () => {
     const newscore = parseInt(currentcoins.innerText) + parseInt(sellvalue.value);
-    console.log(newscore);
 
     const r = await fetch(api_path + 'set_score', {
         method: "POST",
@@ -46,9 +49,25 @@ button.addEventListener("click", async () => {
     });
 
     if (r.status !== 200) {
-        console.log("something went wrong");
+        
+        if (r.status !== 400) {
+            console.log("Something went very very wrong!");
+            return;
+        }
+
+        const data = await r.json();
+
+        if (data.error) {
+            errortext.innerText = data.error;
+            errormesssage.style.display = "flex";
+        }
+
         return;
     }
 
     redraw();
+})
+
+errorclose.addEventListener("click", () => {
+    errormesssage.style.display = "none";
 })