Previously in our Python server, we had the line render_template('index_rest_api.html', pin=LED_GPIO_PIN). It's the pin parameter in this method call that is rendered on our web page on line (11), represented by the template variable, {{pin}}:
<body>
<h1>Flask RESTful API Example</h1>
LED is connected to GPIO {{pin}}<br> <!--(11)-->
Brightness: <span id="brightnessLevel"></span>%<br>
<input type="range" min="0" max="100" <!--(12)-->
value="0" class="brightnessLevel">
</body>
</html>
Finally, we see, on line (12), our HTML slider component is restricted to the range of 0-100. As we saw previously, it's the call to getState() in the document ready handler that updates the slider's value attribute to match the brightness level stored on the server after the web...