diff --git a/demos/offline-events.html b/demos/offline-events.html
index 0d3b9ad..cf9c1e6 100644
--- a/demos/offline-events.html
+++ b/demos/offline-events.html
@@ -26,29 +26,29 @@ li::before {
   <p>Note that the test shows that <code>window.ononline</code> and <code>window.onoffline</code> doesn't work (which I thought I had read in the specs somewhere...).</p>
 </article>
 <script>
- function update(online) {
-   document.getElementById('viabody').innerHTML = navigator.onLine ? 'Online' : 'Offline';
- }
+function update(online) {
+  document.getElementById('viabody').innerHTML = navigator.onLine ? 'Online' : 'Offline';
+}
 
- window.addEventListener('online', function () {
-   document.getElementById('vialistener').innerHTML = 'Online';
- }, false);
- 
- window.addEventListener('offline', function () {
-   document.getElementById('vialistener').innerHTML = 'Offline';
- }, false);
- 
- window.ononline = function () {
-   document.getElementById('viaon').innerHTML = 'Online';
- };
- 
- window.onoffline = function () {
-   document.getElementById('viaon').innerHTML = 'Offline';
- };
- 
- document.body.onOnline = update;
- document.body.onOffline = update;
- 
- document.body.onload = update;
+addEvent(window, 'online', function () {
+  document.getElementById('vialistener').innerHTML = 'Online';
+});
+
+addEvent(window, 'offline', function () {
+  document.getElementById('vialistener').innerHTML = 'Offline';
+});
+
+window.ononline = function () {
+  document.getElementById('viaon').innerHTML = 'Online';
+};
+
+window.onoffline = function () {
+  document.getElementById('viaon').innerHTML = 'Offline';
+};
+
+document.body.onOnline = update;
+document.body.onOffline = update;
+
+document.body.onload = update;
  
 </script>
\ No newline at end of file