<spanclass="line"><spanstyle="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> masterButtonPress</span><spanstyle="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() </span><spanstyle="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// **optional** If this is present, an additional button will appear above the clickables.</span></span>
<spanclass="line"><spanstyle="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // pressing it will call the function.</span></span>
<spanclass="line"><spanstyle="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> masterButtonText</span><spanstyle="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><spanstyle="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"Press me!"</span><spanstyle="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // **optional** text to display on the Master Button</span></span>
<spanclass="line"><spanstyle="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> showMasterButton</span><spanstyle="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(){} </span><spanstyle="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//**optional**, a function determining whether or not to show the button. Defaults to true if absent.</span></span>
<spanclass="line"><spanstyle="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span></code></pre></div><p>Features:</p><ul><li><p>title: <strong>optional</strong>, displayed at the top in a larger font It can also be a function that returns updating text.</p></li><li><p>effect(): <strong>optional</strong>, A function that calculates and returns the current values of bonuses of this clickable. Can return a value or an object containing multiple values.</p></li><li><p>display(): A function returning everything that should be displayed on the clickable after the title, likely changing based on its state. Can use basic HTML.</p></li><li><p>unlocked(): <strong>optional</strong>, A function returning a bool to determine if the clickable is visible or not. Default is unlocked.</p></li><li><p>canClick(): A function returning a bool to determine if you can click the clickable.</p></li><li><p>onClick(): A function that implements clicking one of the clickable.</p></li><li><p>style: <strong>Optional</strong>, Applies CSS to this clickable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)</p></li><li><p>layer: <strong>Assigned automagically</strong>. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.</p></li><li><p>id: <strong>Assigned automagically</strong>. It's the "key" which the clickable was stored under, for convenient access. The clickable in the example's id is 11.</p></li></ul></div></div></main><footerclass="VPDocFooter"data-v-39a288b8data-v-d4a0bba5><!--[--><!--]--><!----><navclass="prev-next"aria-labelledby="doc-footer-aria-label"data-v-d4a0bba5><spanclass="visually-hidden"id="doc-footer-aria-label"data-v-d4a0bba5>Pager</span><divclass="pager"data-v-d4a0bba5><!----></div><divclass="pager"data-v-d4a0bba5><aclass="VPLink link pager-link next"href="/garden/my-personal-website"data-v-d4a0bba5><!--[--><spanclass="desc"data-v-d4a0bba5>Next page</span><spanclass="title"data-v-d4a0bba5>My Personal Website</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><footerclass="vp-doc"data-v-90dd949c><divdata-v-90dd949c>CC 2024 The Paper Pilot. <arel="license"href="https://creativecommons.org/licenses/by-nc-sa/4.0/"data-v-90dd949c>CC BY-NC-SA 4.0</a>.</div><divdata-v-90dd949c>Any and all opinions listed here are my own and not representative of my employers; future, past and present.</div><divdata-v-90dd949c><ahref="https://resume.incremental.social/thepaperpilot/thepaperpilot"data-v-90dd949c>Resume</a> (not actively seeking new opportunities).</div><divdata-v-90dd949c>Site built from <ahref="https://code.incremental.social/thepaperpilot/pages/commit/fdd8312d4c4596fe2d7e1ae3732fc8fa8beeea61"data-v-90dd949c>this commit</a> on <timedata-v-90dd949c>Sunday, June 16, 2024 at 23:45:20</time>.</div></footer><!--]--></div></div>
