mountLoopfunction
Mounts an accessible dot-and-edge loop player in the given host element.
Import it
import { mountLoop } from "@johnmorrisdotca/kazu/loop";
Also exported from: @johnmorrisdotca/kazu/loop/play, @johnmorrisdotca/kazu
Definition
function mountLoop(host: HTMLElement, initial: LoopMountOptions): LoopMount
Parameters
| Name | Type | Description |
|---|---|---|
host | HTMLElement | The DOM host receiving the native player. |
initial | LoopMountOptions | The valid board, optional native progress, appearance and callbacks. |
Returns
LoopMount
Mounts an accessible dot-and-edge loop player in the given host element.
Examples
import type { LoopBoard } from "@johnmorrisdotca/kazu/loop";
import { mountLoop } from "@johnmorrisdotca/kazu/loop";
const loopBoard: LoopBoard = {"width":5,"height":5,"clues":[2,3,1,null,null,3,1,1,null,null,3,2,2,null,null,3,0,2,2,null,2,2,1,2,3]};
const host = document.createElement("div");
document.body.append(host);
const player = mountLoop(host,{board:loopBoard});
console.log(player.progress());
player.destroy();