diff --git a/flaskr/templates/writing.jinja2 b/flaskr/templates/writing.jinja2
index 1cd7737..87e2858 100644
--- a/flaskr/templates/writing.jinja2
+++ b/flaskr/templates/writing.jinja2
@@ -5,30 +5,37 @@
   <title>UnderCover</title>
   <link rel="stylesheet" type="text/css" href="
     {{ url_for('static', filename='styles_min.css') }}">
-  <meta name="viewport" content="user-scalable=no;width=device-width">
+  <meta name="viewport" content="user-scalable=no; width=device-width">
+
   <script type="text/javascript">
-    function init() {
+    window.onload = () => {
       {% if errors %}
       window.scrollTo(0, document.body.scrollHeight);
       {% endif %}
+
       if (window.location.search.includes("reset=true")) {
-          window.history.pushState({},document.title,window.location.pathname);
+          window.history.pushState({}, document.title, window.location.pathname);
           return;
       }
-      decodeURIComponent(document.cookie).split(';').forEach(s => {
-        [id, v] = s.trim().split('=')
-        document.getElementById(id).value = v
+      decodeURIComponent(document.cookie).split(';').forEach(cookie => {
+        [id, value] = cookie.trim().split('=')
+        document.getElementById(id).value = value
       })
     }
-    window.onload = init;
+
+    const clearErrors = () => {
+        const e = document.getElementById('errors')
+        e.parentNode.removeChild(e)
+    }
   </script>
 </head>
 
 <body>
   <a href="/" style="text-decoration: none;">
     <h1><span class="logo left">Under</span><span class="logo right">Cover</span></h1>
-  <a>
+  </a>
   <h2>The secret cover letter generator</h2>
+
   {% from "_formhelpers.jinja2" import render_field %}
   <form method=post>
     <dl>
@@ -40,24 +47,31 @@
       {{ render_field(form.body, 'class=bigtext') }}
       {{ render_field(form.closingtext) }}
     </dl>
+
     {% if errors %}
-    <div id=errors>
-      <h3>Your letter has errors.</h3>
-      <p>There is likely a typo in one of your variables (the {\blabla} bits).
-      <br>Make sure each is spelled correctly, and has the correct brackets on either
-      side</p>
-      <p class=errors>
-      {% for error in errors %}
-        {{ error }}<br>
-      {% endfor %}
-      </p>
-    </div>
-    {% endif %}
-    <input class=submit type=submit value="Generate PDF"
-    {% if errors %}
-    onclick="const e = document.getElementById('errors'); e.parentNode.removeChild(e);"
+      <div id=errors>
+        <h3>Your letter has errors.</h3>
+        <p>
+          There is likely a typo in one of your variables (the {\blabla} bits).<br>
+          Make sure each is spelled correctly, and has the correct brackets on either side
+        </p>
+        <p class=errors>
+          {% for error in errors %}
+            {{ error }}<br>
+          {% endfor %}
+        </p>
+      </div>
     {% endif %}
+
+    <input
+        class=submit
+        type=submit
+        value="Generate PDF"
+      {% if errors %}
+        onclick="clearErrors()"
+      {% endif %}
     >
   </form>
+
 </body>
 </html>
