script.js

@@ -165,7 +165,15 @@ async function run() {
                 buttonImageProceed.removeAttribute("disabled");
             }
 
-            cropper.loadImage(e.target.result);
+            if (load_image(e.target.result) === "128×128") {
+                // we can't just do `buttonImageProceed.click()`
+                // because this calls the handleImage() function, which we don't want here
+                el("page-image").style.display = "none";
+                el("page-room").style.display = "block";
+                loadPreview();
+            } else {
+                cropper.loadImage(e.target.result);
+            }
         }, "image");
     });
 
@@ -174,7 +182,7 @@ async function run() {
     }
 
     function handleImage() {
-        console.log("Loading image: " + load_image(cropper.getCroppedImage()));
+        console.log(load_image(cropper.getCroppedImage()));
         loadPreview();
     }
 
@@ -216,7 +224,7 @@ async function run() {
     });
 
     function addRoom() {
-        el("added").innerText = add_room();
+        console.log(add_room());
         textareaGameDataOutput.value = output();
     }