Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
let color_lawn = {
  title: "lawn",
  color: "#00FF00",
  rating: 0
}

// function taking two argument, color and rating
// modifying rating property of color and returning color
// object

function rateColor(color, rating){
  color.rating = rating
  return color
}

console.log(rateColor(color_lawn, 5).rating)
console.log(color_lawn.rating)

var rateColor1 = function(color, rating){
  return Object.assign({}, color, {rating:rating})
}

console.log(rateColor1(color_lawn, 7).rating)
console.log(color_lawn.rating)
console.log(color_lawn.color)
</script>


<script id="jsbin-source-javascript" type="text/javascript">let color_lawn = {
  title: "lawn",
  color: "#00FF00",
  rating: 0
}

// function taking two argument, color and rating
// modifying rating property of color and returning color
// object

function rateColor(color, rating){
  color.rating = rating
  return color
}

console.log(rateColor(color_lawn, 5).rating)
console.log(color_lawn.rating)

var rateColor1 = function(color, rating){
  return Object.assign({}, color, {rating:rating})
}

console.log(rateColor1(color_lawn, 7).rating)
console.log(color_lawn.rating)
console.log(color_lawn.color)
</script></body>
</html>