← All repos

elm-html-and-js

Example of how to integrate Elm with HTML and JS

GitHub
Browse cluster: Elm Language & Ecosystem →
32commits
6contributors
2languages

Tech stack & purpose

This project demonstrates how to integrate Elm programs with HTML and JavaScript by embedding an Elm application in a web page and establishing communication between the two languages. The example uses Elm's port system to enable bidirectional event-based communication, allowing JavaScript to send values to Elm through incoming ports and receive values from Elm through outgoing ports. The project is authored by evancz and includes build instructions using elm-make to compile Elm code to JavaScript, along with practical examples of instantiating Elm modules in the browser using fullscreen, embed, or worker modes.

Languages

HTML
60.7%
Elm
39.3%

Contributors