<!DOCTYPE html>
<html>

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

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

</html>
// We don't need require in plunker!
// const R = require('ramda')

const product = {
  name: 'widget',
  price: 10,
  avgRating: 4.5,
  shippingWeight: '2 lbs',
  shippingCost: 2,
  shippingMethod: 'UPS'
}

// const getProps = R.pick(['name', 'price'])
// const getProps = R.pickAll(['name', 'price', 'category'])
// const getProps = R.pickBy(val => Number(val))
// const getProps = R.pickBy((val, key) => R.contains('shipping', key))
// const getProps = R.omit(['shippingWeight', 'shippingCost'])
const getProps = R.pickBy((val, key) => !R.contains('shipping', key))
const result = getProps(product)

console.log(result)
document.getElementById('output').innerHTML = `${JSON.stringify(result)}`
/* Styles go here */