Skip to content

Latest commit

 

History

History
50 lines (38 loc) · 1.14 KB

README.md

File metadata and controls

50 lines (38 loc) · 1.14 KB
Raw

HelloFable

HelloWorld for Fable, the F#-to-JavaScript compiler

This is the simplest thing I know how to do with Fable, the F#-to-JavaScript compiler. This program retrieves a div in an HTML page and sets its value:

#r "node_modules/fable-core/Fable.Core.dll"

open Fable.Core
open Fable.Import.Browser

let div =  document.getElementById("helloDiv")
div.innerHTML <- "Hello, World!"

With this corresponding HTML page:

<!doctype html>
<html>
<head>
 <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
</head>
<body>
  <div id="helloDiv"/>

  <script src="node_modules/core-js/client/core.min.js"></script>
  <script src="node_modules/requirejs/require.js"></script>
  <script>
    requirejs.config({
        // Set the baseUrl to the path of the compiled JS code
        baseUrl: 'out',
        paths: {
            // Explicit path to core lib (relative to baseUrl, omit .js)
            'fable-core': '../node_modules/fable-core/fable-core.min'
        }
    });
    // Load the entry file of the app (use array, omit .js)
    requirejs(["hello"]);
  </script>
</body>
</html>