initially disable textarea

2 files changed, 4 insertions, 1 deletions

diff --git a/index.html b/index.html
index 8c59681..401e392 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,9 @@
     <h3 id="video-time">Video Time</h3>
     <button id="computeButton" onclick="compute()">Compute time</button>&nbsp;<input type="text" id="time" readonly
       size="20" />
-    <p><textarea id="modMessage" cols="40" rows="5"></textarea></p>
+    <p>
+      <textarea id="modMessage" cols="40" rows="5" disabled></textarea>
+    </p>
     <button id="modMessageButton" onclick="copyModMessage()" disabled>Copy Mod Message to Clipboard</button>
   </div>
 </body>
diff --git a/main.js b/main.js
index 97c111f..b7a078a 100644
--- a/main.js
+++ b/main.js
@@ -41,6 +41,7 @@ function compute() {
     let modMessage = `Mod Message: Time starts at ${parseFloat(startFrame).toFixed(3)} and ends at ${parseFloat(endFrame).toFixed(3)} at ${frameRate} fps to get a final time of ${finalTime}.`;
     let credits = `Retimed using [yt-frame-timer](https://mattbraddock.com/yt-frame-timer)`;
     document.getElementById('time').value = finalTime;
+    document.getElementById('modMessage').disabled = false;
     document.getElementById('modMessage').innerText = modMessage + ' ' + credits;    
     document.getElementById("modMessageButton").disabled = false;
 }