diff --git a/web/index.html b/web/index.html
index faae1de..366fdb0 100644
--- a/web/index.html
+++ b/web/index.html
@@ -18,16 +18,18 @@
 <div id="toolPanel"></div>
 
 <script>
-    document.getElementById("dieroller").addEventListener("click", function() {
-        loadContent("rolldice.html?t="+new Date().getTime());
-    });
+    document.addEventListener('DOMContentLoaded', function () {
+        document.getElementById("dieroller").addEventListener("click", function () {
+            loadContent("rolldice.html?t=" + new Date().getTime());
+        });
 
-    document.getElementById("chargen").addEventListener("click", function() {
-        loadContent("chargen.html?t="+new Date().getTime());
-    });
+        document.getElementById("chargen").addEventListener("click", function () {
+            loadContent("chargen.html?t=" + new Date().getTime());
+        });
 
-    document.getElementById("encounter").addEventListener("click", function() {
-        loadContent("encounter.html?t="+new Date().getTime());
+        document.getElementById("encounter").addEventListener("click", function () {
+            loadContent("encounter.html?t=" + new Date().getTime());
+        });
     });
 
     function loadContent(pageUrl) {