Ramda's tryCatch and propOr

<!DOCTYPE html>
<html>

  <head>
    <script data-require="ramda@*" data-semver="0.22.1" src="https://unpkg.com/ramda@0.22.1/dist/ramda.min.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div id="output"></div>
    <script src="script.js"></script>
  </body>

</html>

// const R = require('ramda')
const person = {
  name: 'Sally Jones'
}

// alternate getName - using propOr to avoid the error
// const getName = R.propOr('Default', 'name')

const getName = R.tryCatch(R.prop('name'), R.always('Default'))
const getUpperName = R.pipe(getName, R.toUpper)
const result = getUpperName(person)
console.log(result)

document.getElementById('output').innerHTML = `${JSON.stringify(result)}`

/* Styles go here */