diff --git a/core/src/components/button/test/basic/index.html b/core/src/components/button/test/basic/index.html
index 527af6af6b..be2b7a3520 100644
--- a/core/src/components/button/test/basic/index.html
+++ b/core/src/components/button/test/basic/index.html
@@ -70,10 +70,14 @@
       </p>
 
       <p>
-        <ion-button disabled>Button Disabled</ion-button>
+        <ion-button id="disabledButton" disabled onclick="clickedButton(event)">Button Disabled</ion-button>
         <ion-button color="secondary" disabled>Secondary Disabled</ion-button>
       </p>
 
+      <p>
+          <ion-button onclick="toggleDisabled()">Toggle Disabled</ion-button>
+      </p>
+
       <p>
         <ion-button id="dynamicColor1" onclick="changeColor(event)">Change Color</ion-button>
         <ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
@@ -98,6 +102,16 @@
 
       el.color = newColor;
     }
+
+    function toggleDisabled() {
+      var buttonEl = this.document.getElementById('disabledButton');
+      console.log(buttonEl);
+      buttonEl.disabled = !buttonEl.disabled;
+    }
+
+    function clickedButton(ev) {
+      console.log("Clicked button", ev);
+    }
   </script>
 </body>