mountCrossSumsfunction
Mount the native CrossSums player in a host element and return its cleanup and control handle.
Import it
import { mountCrossSums } from "@johnmorrisdotca/kazu/cross-sums";Also exported from: @johnmorrisdotca/kazu/cross-sums/play, @johnmorrisdotca/kazu
Definition
function mountCrossSums(host: HTMLElement, initial: CrossSumsMountOptions): CrossSumsMountParameters
| Name | Type | Description |
|---|---|---|
host | HTMLElement | The DOM host receiving the native player. |
initial | CrossSumsMountOptions | The valid board, optional native progress, appearance and callbacks. |
Returns
CrossSumsMount
Mount the native CrossSums player in a host element and return its cleanup and control handle.
Examples
import type { CrossSumsBoard } from "@johnmorrisdotca/kazu/cross-sums";
import { mountCrossSums } from "@johnmorrisdotca/kazu/cross-sums";
const crossSumsBoard: CrossSumsBoard = {"width":5,"height":5,"cells":[{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":10},{"kind":"black","across":null,"down":7},{"kind":"black","across":null,"down":12},{"kind":"black","across":null,"down":null},{"kind":"black","across":6,"down":null},{"kind":"white"},{"kind":"white"},{"kind":"white"},{"kind":"black","across":null,"down":null},{"kind":"black","across":23,"down":null},{"kind":"white"},{"kind":"white"},{"kind":"white"},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null},{"kind":"black","across":null,"down":null}]};
const host = document.createElement("div");
document.body.append(host);
const player = mountCrossSums(host,{board:crossSumsBoard});
console.log(player.progress());
player.destroy();