Add optional onLoad parameter to range function q

stopsopa · web-flow · commit fea7000844a4 · 2026-04-01T11:44:49.000+01:00
Modified the range function to include an optional onLoad parameter that triggers the change event when the element is loaded.
diff --git a/pages/html/index.template.html b/pages/html/index.template.html
@@ -136,14 +136,15 @@ <h2>input[type="range"]</h2>
               const lines = pre.textContent.split("\n");
               pre.textContent = lines.slice(0, 10).join("\n");
             }
-
-            function range(element, event) {
+            function range(element, event, onLoad = true) {
               function hc() {
                 event(parseInt(element.value, 10));
               }
               element.addEventListener("change", hc);
               element.addEventListener("input", hc);
-              hc();
+              if (onLoad) {
+                hc();
+              }
             }
             range(rangeEl, (v) => {
               // this will trigger once only when attached to dom element

Original file line number	Diff line number	Diff line change
`@@ -136,14 +136,15 @@ <h2>input[type="range"]</h2>`
`136`	`136`	`const lines = pre.textContent.split("\n");`
`137`	`137`	`pre.textContent = lines.slice(0, 10).join("\n");`
`138`	`138`	`}`
`139`		`-`
`140`		`- function range(element, event) {`
	`139`	`+ function range(element, event, onLoad = true) {`
`141`	`140`	`function hc() {`
`142`	`141`	`event(parseInt(element.value, 10));`
`143`	`142`	`}`
`144`	`143`	`element.addEventListener("change", hc);`
`145`	`144`	`element.addEventListener("input", hc);`
`146`		`- hc();`
	`145`	`+ if (onLoad) {`
	`146`	`+ hc();`
	`147`	`+ }`
`147`	`148`	`}`
`148`	`149`	`range(rangeEl, (v) => {`
`149`	`150`	`// this will trigger once only when attached to dom element`