<!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 */