Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h1>object copy! check console</h1>
  </body>

<script>

let obj = {
 a: 1,
 b: 2,
};
let copy = obj;
obj.a = 5;
console.log(copy.a);

//===================================//


function copy2nd(mainObj) {
 let objCopy = {}; // objCopy will store a copy of the mainObj
 let key;
 for (key in mainObj) {
   objCopy[key] = mainObj[key]; // copies each property to the objCopy object
 }
 return objCopy;
}
const mainObj = {
 a: 2,
 b: 5,
 c: {
   x: 7,
   y: 4,
 },
}
console.log(copy2nd(mainObj));


</script>
</html>

// Code goes here

/* Styles go here */