|This article has links to websites or programs not trusted by Scratch or hosted by Wikipedia. Remember to stay safe while using the internet, as we cannot guarantee the safety of other websites.|
This tutorial will teach how to make an Elm program that shows "Hello World!" on the screen. The Elm playground can be used for this tutorial. Press the "Compile" button at the top to run the Elm code.
In Scratch, this is the easiest way to show a line of text somewhere on the screen:
when flag clicked say [Hello World!]
Elm shows things on the screen by generating HTML elements. You must start by importing the
Html module, which is similar to adding the Pen or Music extensions in Scratch.
Next, an element that shows the text is needed. Use the
text function from the
Html.text "Hello World!"
Finally, it is needed to define a variable called
main which specifies the program's behavior and how it responds to events.
When using an HTML element as the value for
main, Elm will automatically turn it into a program that just shows the element.
main = Html.text "Hello World!"
The final result:
import Html main = Html.text "Hello World!"