diff --git a/vsbm.html b/vsbm.html
index 29096f2..fbabe21 100644
--- a/vsbm.html
+++ b/vsbm.html
@@ -45,7 +45,7 @@
         <textarea name="" id="kernel" cols="30" rows="10"></textarea>
         <br />
         <button id="apply">APPLY</button>
-        <button id="cancle">CANCLE</button>
+        <button id="cancel">CANCEL</button>
     </div>
     <script>
 alert("trigonometric and inverse trigonometric functions test.\ncreated by cznull@bilibili");
@@ -488,7 +488,7 @@
             gly = gl.getUniformLocation(shaderProgram, 'y');
             gllen = gl.getUniformLocation(shaderProgram, 'len');
         });
-        document.getElementById("cancle").addEventListener("click", function() {
+        document.getElementById("cancel").addEventListener("click", function() {
             document.getElementById("kernel").value = KERNEL;
         });
     }