example: use new tool format

Author: HarshKhandeparkar

example/examples/drawboard.js

@@ -37,10 +37,10 @@ colorWheel.on('input:change', color => {
   ])
 })
 
-const drawModeSelector = document.querySelector('#draw-mode');
-drawModeSelector.addEventListener('change', e => {
+const toolSelector = document.querySelector('#draw-tool');
+toolSelector.addEventListener('change', e => {
   e.preventDefault();
-  DrawBoard.changeMode(drawModeSelector.value);
+  DrawBoard.changeTool(toolSelector.value);
 })
 
 const brushSizeRange = document.querySelector('#brush-size');

example/index.html

@@ -45,9 +45,9 @@ <h3># Drawing Board</h3>
         <canvas id="drawboard-canvas"></canvas> <br />
 
         <form id="drawboard-form">
-          <label for="draw-mode">Draw Mode: </label>
-          <select name="draw-mode" id="draw-mode" value="paint">
-            <option value="paint">Paint</option>
+          <label for="draw-tool">Tool: </label>
+          <select name="draw-tool" id="draw-tool" value="brush">
+            <option value="brush">Brush</option>
             <option value="erase">Erase</option>
           </select>
           <br />