昨天是 ES6 的簡介，今天就是練習了。看起來課程安排就是這樣，先簡介，再來是小練習。

題目：

在 index.js 輸入在 calculator.js 的功能。

calculator.jsx 的最後結果需要包含：

• 3
• 6
• 5
• 2.5
  //Import the add, multiply, subtract and divide functions
  //from the calculator.js file.
  //If successful, your website should look the same as the Final.png

Render 裡面的東西已經定好，所以只需要想出 calculator 內容就好：

ReactDOM.render(
 <ul>
   <li>{add(1, 2)}</li>
   <li>{multiply(2, 3)}</li>
   <li>{subtract(7, 2)}</li>
   <li>{divide(5, 2)}</li>
 </ul>,
 document.getElementById("root")
);

我的第一步是先從 calculator.jsx 開始，因為我很怕看到報錯哈哈。

總之看起來就是 function x/y/z (){return sth} + export {x,y,z}，所以就這樣打好了題目的要求：

function add (n1, n2){
  return n1 + n2
}

function multiply (n1, n2){
  return n1 * n2
}

function subtract (n1, n2){
  return n1 - n2
}

function divide (n1, n2){
  return n1 / n2
}

export { add, multiply, subtract, divide };

第二步是回 index.js 把功能加入進來，以及在 Render 裡面指定好要用哪些功能：

import { add, multiply, subtract, divide } from "./calculator";


ReactDOM.render(
  <ul>
    <li>{add(1,2)}</li>
    <li>{multiply(3,2)}</li>
    <li>{subtract(6,1)}</li>
    <li>{divide(5,2)}</li>
  </ul>,
  document.getElementById("root")
);

OK～ 這次我超幸運一次就過、完全沒報錯～ HTML 顯示的結果也和題目要求的一樣，這樣應該就算是完成了吧～