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