HTMLファイル
test_htmml.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<html lang="ja"> <head> <meta charset="utf-8"> <title>CoffeeScript Test</title> <link rel="stylesheet" href="./coffee.css"> </head> <body> <h1 id="header"></h1> <script type="text/javascript" src="./coffee/test_html.js"> </script> </body> </html> |
外部スクリプトファイル
test_html.coffee
|
1 2 3 4 5 |
func = -> elment = document.getElementById("header") elment.innerHTML = "CoffeeScriptへようこそ" func() |
上記のCoffeeScriptファイルをコンパイル
|
1 |
coffee -c test_html.coffee |
コンパイル後のファイルは拡張子がjsになり、test_html.jsとなる。
このファイルを上のtest_html.htmlファイルのscript要素から読める場所に配置。