Using Ramda's project 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 products = [
  {name: 'Jeans', price:80, category: 'clothes'},
  {name: 'Hoodie', price:60, category: 'clothes'},
  {name: 'Jacket', price:120, category: 'clothes'},
  {name: 'Cards', price: 35, category: 'games'},
  {name: 'iPhone', price: 649, category: 'electronics'},
  {name: 'Sauce Pan', price: 100, category: 'housewares'}
  ]

const getNameAndPrice = R.project(['name', 'price'])  
const result = getNameAndPrice(products)

console.log(result)



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

/* Styles go here */