Buttons are bloat

2 files changed, 14 insertions, 4 deletions

diff --git a/index.html b/index.html
index dc241b4..5a9063e 100644
--- a/index.html
+++ b/index.html
@@ -38,12 +38,12 @@
 			<input type="text" id="endobj" style='width:100%' onchange='parse_time(event)'>
 		</p>
 		<h3 id="video-time">Video Time</h3>
-		<button id="compute_button" onclick="compute()">Compute time</button>&nbsp;<input type="text" id="time" readonly
-			size="20">
+		<input type="text" id="time" readonly size="20">
 		<p>
 			<textarea id="mod_message" cols="40" rows="5" disabled></textarea>
 		</p>
-		<button id="mod_message_button" onclick="copy_mod_message()" disabled>Copy Mod Message to Clipboard</button>
+		<button id="mod_message_button" onclick="copy_mod_message()" disabled>Copy Mod Message to
+			Clipboard</button>
 	</div>
 </body>
 
diff --git a/main.js b/main.js
index dc7ca6d..da3d68f 100644
--- a/main.js
+++ b/main.js
@@ -71,7 +71,13 @@ function check_fps(event)
 /* Get current frame from input field (either start time or end time) */
 function parse_time(event)
 {
-	let inptext_frame = (JSON.parse(event.target.value)).cmt;
+	try {
+		inptext_frame = (JSON.parse(event.target.value)).cmt;
+	} catch {
+		document.getElementById(event.target.id).value = "";
+		return;
+	}
+
 	if (inptext_frame !== undefined) {
 		const fps = parseInt(
 			document.getElementById("framerate").value);
@@ -79,4 +85,8 @@ function parse_time(event)
 		const fframe = frame_from_obj(inptext_frame, fps);
 		document.getElementById(event.target.id).value = `${fframe}`;
 	}
+
+	if (document.getElementById("startobj").value
+		&& document.getElementById("endobj").value)
+		compute();
 }