Using ramda's evolve function

<!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 product = {
    name: 'cog',
    price: 100,
    details: {
      shippingInfo: {
        weight: 7,
        method: 'ups'
      }
    }
  }

const adjustProduct = R.evolve({
  name: R.toUpper,
  price: R.multiply(2),
  details: {
    shippingInfo: {
      weight: R.inc
    }
  }
})
const result = adjustProduct(product)

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

/* Styles go here */