GEOG 863:
Web Application Development for Geospatial Professionals

7.2.3 Button


The next sample also makes use of the select element (three of them, actually), but unlike the previous sample, the script’s main logic isn’t carried out until a button is clicked. The button is created on line 270 as an HTML button element, and as seen in prior samples, is assigned an id. As in the previous sample, an event listener is defined (line 160). In this case, the listener is set up on the button’s click event. References to the three select elements are established on lines 164-166; they are then used to retrieve the selected options on line 186.