Haxe can be a powerful tool for developing JavaScript applications. Let's look at our first sample. This is a very basic example showing the toolchain.
Create a new folder and save this class as Main.hx.
import js.Browser;classMain {staticfunctionmain() {varbutton = Browser.document.createButtonElement();button.textContent = "Click me!";button.onclick = (event) ->Browser.alert("Haxe is great");Browser.document.body.appendChild(button); }}
To compile, either run the following from the command line:
haxe --js js/app.js --main Main
Another possibility is to create and run (double-click) a file called compile.hxml. In this example the hxml file should be in the same directory as the example class.
--js js/app.js--mainMain
The output will be js/app.js, which creates and adds a clickable button to the document body.
To display the output in a browser, create an HTML-document called index.html and open it.
<!doctype html><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>Haxe Application</title></head><body><scriptsrc="js/app.js"></script></body></html>