Commita3d690a

authored

New notes about scoping variables.

1 parent60beecf commita3d690aCopy full SHA for a3d690a

File tree

-5

lines changed

-5

lines changed

Lines changed: 8 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -367,14 +367,17 @@ me().on("click", async event => {`
`367`	`367`	*`e`,`ev`,`evt` = event
`368`	`368`	*`f`,`fn` = function
`369`	`369`
`370`		-#### Scope functions inside`<script>`
`371`		- * ⭐ On`me()`
	`370`	+#### Scope functions and variables inside`<script>`
	`371`	`+ * ⭐ Use a block`
	`372`	+ *`{let scoped=1;functionhey(text) {alert(text) };me().on('click',ev=> {hey("hi") }) }`
	`373`	+ *`let` is scoped in`{ }` blocks!
	`374`	+ * ⭐ Use`me()`
`372`	`375`	*`me().hey= (text)=> {alert(text) }`
`373`	`376`	*`me().on('click', (ev)=> {me(ev).hey("hi") })`
`374`		- * ⭐ Usea block:`{functionhey(text) {alert(text) };me().on('click',ev=> {hey("hi") }) }`
`375`		-* ⭐ Use an event:`me().on('click',ev=> {/* add and call function here*/ })`
	`377`	`+ * ⭐ Usean event`
	`378`	+ `me().on('click',ev=> {/ add and call function here*/ })`
`376`	`379`	* Use an inline module:`<script type="module">`
`377`		- *Note:`me()`will no longer see`parentElement` so explicit selectors are required:`me(".mybutton")`
	`380`	+ *Warning: When using a module`me()`can no longer see`parentElement`, this means explicit selectors are required:`me(".mybutton")`
`378`	`381`
`379`	`382`	#### Select a void element like`<input type="text"/>`
`380`	`383`	* Use:`me('-')` or`me('prev')` or`me('previous')`

Comments

(0)