寫計算機前必學的知識點

資料型別 (typeof)

檢查變數的型別：typeof

資料型別如下：

string 字串
number 數字
boolean 布林 (true, false)
object 物件

取餘數範例

取10除3的餘數：
console.log(10 % 3);
答案是1

parseInt = 字串的數字會轉換成數字的整數，無條件捨去小數點
parseFloat = 包在字串的數字轉換成數字並且有小數點

計算機寫法練習

範例圖如下：

語法：

HTML

 <form id="form">
    <input type="number" id="xInput" min="0" max="100000" required> +
    <input type="number" id="yInput" min="0" max="100000" required> =
    <span id="result"></span>
    <br><br>
    <button>計算</button>

  </form>
  

JavaScript

// 取得畫面上要控制的標籤(DOM Document Object Model)
const form = document.getElementById("form"),
  xInput = document.getElementById("xInput"),
  yInput = document.getElementById("yInput"),
  result = document.getElementById("result");
  // 從標籤取得的任何資料都是字串

form.addEventListener("submit",  function (e) {
  //預防重新整理的預設行為
  e.preventDefault();
  // e = event
  //表單送出後的流程
console.log("表單被送出囉!", e);
const x = parseInt(xInput.value);
const y = parseInt(yInput.value);
const ans = x + y;
result.innerText = ans;
});