Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/lodash/lodash/3.0.1/lodash.min.js"></script>
<meta name="description" content="[FPJS | Luis Atencio | Hello FP]">
  <meta charset="utf-8">
  <title>FPJS | Luis Atencio | Exercise 1</title>
  <script src="//cdn.jsdelivr.net/ramda/0.15.1/ramda.min.js"></script>
</head>
<body>
   <div id="mydiv">
      
  </div>
  <div id="mydiv2">
      
  </div>
</body>
</html>
 
/*
  Functional Programming in JavaScript
  Author: Luis Atencio
  Hello FP
*/
console.log('Hello FP');
// Imperative version
document.getElementById('mydiv').innerHTML = '<h1>Hello FP</h1>';
// ==================================== //
// Functional version
// Helper functions 
var addToDom = (str) =>  
   document.getElementById('mydiv2').innerHTML = str;
var h1 = (str) => '<h1>' + str + '</h1>';
var echo = (str) => () => str;
R.compose(addToDom, h1, echo('Hello FP'))();
// ==================================== //
// EXERCISE:
//Finish program below that raises the level of   excitement to print: Hello FP!!!
// Hint: create function to repeat a character any number of times
var repeat = undefined;
// uncomment
//R.compose(addToDom, h1, repeat, echo('Hello FP'))();
Output

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

Dismiss x
public
Bin info
luijarpro
0viewers