crystal-web
crystal-web copied to clipboard
Crystal bindings to the Web APIs for building front-end applications with WebAssembly
How do I do something like (https://www.w3schools.com/jsref/met_document_getelementbyid.asp): ``` const myElement = document.getElementById("demo"); myElement.style.color = "red"; ``` I tried some variations, none which worked: ``` # src/main.cr ... require "web" #...
Hey, so I was curious to see how this works, and running in to some issues. I have a fresh Macbook Air M2 ``` ❯ crystal -v Crystal 1.6.0 (2022-10-06)...
```cr require "./web" window = Web.window console = window.console document = window.document # I had to do this to compile: console.log JS::String.new("Width: #{window.inner_width}") console.log JS::String.new("Height: #{window.inner_height}") canvas = document.create_element("canvas") document.body.append_child(canvas)...