Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="CoffeeScript Named Function" />
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
  
<body>
  
  <div>
    First Number:
    <input id="x" type="text" value="3" />
  </div>
  <div>
    Second Number:
    <input id="y" type="text" value="4" />
  </div>
  <div>
    Submit:
    <input type="button" value="submit" onclick="RunIt()" />
  </div>
  <div>
    Result:
    <div id="result"></div>
  </div>
  
  <script>
    $( document ).ready(function() {
      RunIt();
    });    
    
    function RunIt() {
      var x = parseInt($('#x').val()) || 0;
      var y = parseInt($('#y').val()) || 0;
      var addResult = "CoffeeScript add: " + x.toString() + "+" + y.toString() + "=" + csAddNumbers(x,y).toString();
      var multResult = "JavaScript multiply: " + x.toString() + "*" + y.toString() + "=" + jsMultiplyNumbers(x,y).toString();
      $('#result').html(addResult + "<br />" + multResult);
    }
  </script>
</body>
</html>
 
​
 
# Cannot call a variable function prior to declaring it!
# alert csAddNumbers(2,3) # bad!
​
# CoffeeScript function
csAddNumbers = (x,y) -> x+y
​
# You can call a named function prior to
# delcaring it
alert "Calling jsMultiplyNumbers: " + jsMultiplyNumbers(2,3) # ok!
​
# JavaScript named function
`function jsMultiplyNumbers(x,y) { return x * y; }`
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers