| @@ -12,12 +12,15 @@ document.addEventListener("DOMContentLoaded", e => { | |||||
| const baseInput = document.querySelector("#base-url").value; | const baseInput = document.querySelector("#base-url").value; | ||||
| const overlayInput = document.querySelector("#overlay-url").value; | const overlayInput = document.querySelector("#overlay-url").value; | ||||
| let success = true; | |||||
| try { | try { | ||||
| let baseURL = new URL(baseInput) | let baseURL = new URL(baseInput) | ||||
| console.log(baseURL); | console.log(baseURL); | ||||
| } catch { | } catch { | ||||
| document.querySelector("#base-url").value = ""; | document.querySelector("#base-url").value = ""; | ||||
| document.querySelector("#base-url").placeholder = "Invalid URL..."; | document.querySelector("#base-url").placeholder = "Invalid URL..."; | ||||
| success = false; | |||||
| } | } | ||||
| try { | try { | ||||
| let overlayURL = new URL(overlayInput) | let overlayURL = new URL(overlayInput) | ||||
| @@ -25,8 +28,12 @@ document.addEventListener("DOMContentLoaded", e => { | |||||
| } catch { | } catch { | ||||
| document.querySelector("#overlay-url").value = ""; | document.querySelector("#overlay-url").value = ""; | ||||
| document.querySelector("#overlay-url").placeholder = "Invalid URL..."; | document.querySelector("#overlay-url").placeholder = "Invalid URL..."; | ||||
| success = false; | |||||
| } | } | ||||
| if (!success) { | |||||
| return; | |||||
| } | |||||
| const overlayImg = document.querySelector("#overlay-img"); | const overlayImg = document.querySelector("#overlay-img"); | ||||
| const baseImg = document.querySelector("#base-img"); | const baseImg = document.querySelector("#base-img"); | ||||