function fillStrokeEvent() {
    fillStrokeButton.mouseIsOver = false;
    fillStrokeButton.onmouseover = function()   {
        this.mouseIsOver = true;
    };
    fillStrokeButton.onmouseout = function()   {
        this.mouseIsOver = false;
    }
    fillStrokeButton.onclick = function()   {
        if (this.mouseIsOver)   {            
            for(i = 0; i < fillStrokeValues.length; i++) { 
                if(fillStrokeValues[i].checked) 
                fillStroke = fillStrokeValues[i].value;
            } 
        }
    }
}
//    all the event functions fire when their corresponding UI element is clicked/interacted with
all the event functions fire when their corresponding UI element is clicked/interacted with
all the event functions fire when their corresponding UI element is clicked / interacted with
function fillStrokeEvent() {
    fillStrokeButton.mouseIsOver = false;
    fillStrokeButton.onmouseover = function()   {
        this.mouseIsOver = true;
    };
    fillStrokeButton.onmouseout = function()   {
        this.mouseIsOver = false;
    }
    fillStrokeButton.onclick = function()   {
        if (this.mouseIsOver)   {            
            for(i = 0; i < fillStrokeValues.length; i++) { 
                if(fillStrokeValues[i].checked) 
                fillStroke = fillStrokeValues[i].value;
            } 
        }
    }
}
function fillStrokeEvent ( ) { fillStrokeButton . mouseIsOver = false ; fillStrokeButton . onmouseover = function ( ) { this . mouseIsOver = true ; } ; fillStrokeButton . onmouseout = function ( ) { this . mouseIsOver = false ; } fillStrokeButton . onclick = function ( ) { if ( this . mouseIsOver ) { for ( i = 0 ; i < fillStrokeValues . length ; i ++ ) { if ( fillStrokeValues [ i ] . checked ) fillStroke = fillStrokeValues [ i ] . value ; } } } }
all the event functions fire when their corresponding UI element is clicked/interacted with
all the event functions fire when their corresponding UI element is clicked / interacted with