diff --git a/01_05/script.js b/01_05/script.js index 84fbede2..258c52a5 100755 --- a/01_05/script.js +++ b/01_05/script.js @@ -1,5 +1,4 @@ -/** - * Create a Backpack object, populate some HTML to display its properties. +* Create an investment object, populate some HTML to display its properties. */ // Single line comment @@ -7,46 +6,49 @@ /* Multi-line comment See! this line is also commented out! */ -const updateBackpack = (update) => { +const updateInvestments = (update) => { let main = document.querySelector("main"); // main is an element - main.innerHTML = markup(backpack); + main.innerHTML = markup(investments); console.info(update); }; -const backpack = { - name: "Everyday Backpack", - volume: 30, - color: "grey", - pocketNum: 15, - strapLength: { - left: 26, - right: 26, - }, - lidOpen: false, - toggleLid: function (lidStatus) { - this.lidOpen = lidStatus; - updateBackpack(`Lid status changed.`); - }, - newStrapLength: function (lengthLeft, lengthRight) { - this.strapLength.left = lengthLeft; - this.strapLength.right = lengthRight; - updateBackpack(`Strap lengths updated.`); - }, +const investments = { + name: "Apple", + risklevel: "Moderate", + price: 32, + ticker: 'AAPL', + type: 'ETF'; }; -const markup = (backpack) => { +const client = { + name: "", + address: "", + email: "", + phone: ""; +}; + +const advisor = { + name: "Elisabeth Noble", + city: "Jacksonville", + email: "elisabeth@healthylivinginvestments.com"; +}; + +const ETFholdings = { + stock1: "", + stock2: "", + bond1: "", + bond2: ""; +}; + +const markup = (investments) => { return `
-

${backpack.name}

+

${investments.name}

+
  • Ticker: ${investments.ticker}
  • +
  • Risk: ${investments.risk}
  • +
  • Price: ${investments.price}
  • +
  • Type: ${investments.type}
  • `; }; @@ -54,3 +56,4 @@ const markup = (backpack) => { const main = document.createElement("main"); main.innerHTML = markup(backpack); document.body.appendChild(main); +