button made without functionality

Author: constantinol

runestone/timed/css/timed.css

@@ -10,6 +10,21 @@ ul#pageNums li {
     color: #000 !important;
 }
 
+/* adding from here DELETE THIS*/
+.class1 {
+    background-color: #FFFF99 !important;
+    border: none;
+    color: #030201 !important;
+    cursor: pointer;
+    width: 150;
+    height: 115;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 15px;
+}
+/* adding to here DELETE THIS*/
+
 /* The following override styles in Bootstrap distribution file (bootstrap.min.css) */
 
 .pagination > .active > a,

runestone/timed/js/timed.js

@@ -261,6 +261,19 @@ export default class Timed extends RunestoneBase {
         $(this.leftNavButton).css("cursor", "pointer");
         this.leftContainer.appendChild(this.leftNavButton);
         this.pagNavList.appendChild(this.leftContainer);
+        //
+        this.leftContainer = document.createElement("li");
+        this.flagButton = document.createElement("button");
+        $(this.flagButton).addClass("class1");
+        this.flagButton.innerHTML = "Flag";
+        $(this.flagButton).attr("aria-labelledby", "Flag");
+        $(this.flagButton).attr("tabindex", "5");
+        $(this.flagButton).attr("role", "button");
+        $(this.flagButton).attr("id", "flag");
+        $(this.flagButton).css("cursor", "pointer");
+        this.leftContainer.appendChild(this.flagButton);
+        this.pagNavList.appendChild(this.leftContainer);
+        //
         this.rightContainer = document.createElement("li");
         this.rightNavButton = document.createElement("button");
         $(this.rightNavButton).attr("aria-label", "Next");