simple coffeescript web page

Question

I have seen coffescript tutorials that show how to use coffeescript with rails, nodejs, or even coffeescript REPL for learning it.

How can I create a web project where I can just write a cofeescript script inside an HTML page, I mean something like

<script type ="text/coffeescript">
//some coffeescript code
</script>

How to use coffeescript in developing web-sites? just tells to include output javascript and test it. But, I do not want to do that (I feel its just clumsy).

I also saw coffeescript web site, it has small amount of direction regarding this, it says-

I tried it, I included a those scripts along with jquery. But my page is remains blank. Has anyone does it before, can you provide a sample code?

Thanks.

Answer 1

Just include coffee-script.js in the usual manner and then add <script> elements like this:

<script type="text/coffeescript">
    alert 'pancakes!'
</script>​

or this

<script type="text/coffeescript">
    eggs = 'gotta have some'
    document.write "It really is CoffeeScript: #{eggs}"
</script>

Demo: http://jsfiddle.net/ambiguous/DmuHh/