§ The me/my/I Reference

me refers to the HTML element that owns the current script. Most hyperscript runs in the context of an element -- for example, <div _="on click ..."> is an event handler on that <div>. Inside that script, me is a reference back to the <div>.

I is an alias for me, useful for more natural English phrasing: if I match .active. For possessive expressions, my works too -- my property instead of me.property.

§ Examples

This uses the put command to update the contents of the associated element.

<button data-script="on click put 'I have been clicked' into me">
    click me
    </button>

This uses a possessive expression and an attribute reference to display a custom message.

<span
    data-script="on mouseover alert my @data-message"
    data-message="Keep Out!">
    Hover Over Me...
</span>

This demonstrates the possessive expression along with the increment command to makes a simple click counter.

<div data-script="on click increment my innerHTML">1</div>

§ Syntax

me | I