J2CL WASM ↔ JS Interop Demo

Java compiled to WebAssembly — direct DOM access, JS callbacks, bidirectional data flow

WASM → DOM Direct DOM Access

Java code calls document.createElement(), .appendChild(), .style via @JsType(isNative=true) bindings. No JS glue — WASM talks to the DOM API directly.

count:

value:

Waiting for WASM to update this element...

WASM → JS Callbacks

WASM calls JS functions via @JsMethod to log and update UI.

a: b:

limit:

Add Result

Fibonacci

Prime Count

[ready] WASM console

JS → WASM Calculator

a: b:

Click a button

JS vs WASM Benchmark

size:

Compare JS vs WASM performance

J2CL WASM ↔ JavaScript Interop

WASM → DOM Direct DOM Access

WASM → JS Callbacks

JS → WASM Calculator

JS vs WASM Benchmark