---
tags: JavaScript 實戰班
---

## 轉職忍者第五組

## Day 7 (6/16)

## 任務
1. 取得範例中的 input DOM 元素，並且取得其中的值
2. 將值定義成變數命名為 value
3. 使以下判斷式驗證執行 else 的結果

if (value !== 520) {
  console.log('漂亮阿姨喜歡小明')
} else {
  console.log('漂亮阿姨只是小明的普通朋友')
}

<div id="app">
    <input type="text" value="520" class="a">
    <div class="a"></div>
</div>

## 作業繳交
#### 組員 - Doris
[Doris CodePen](https://codepen.io/dorishsiao007/pen/WNrGXEO)

var value = Number(document.querySelector('.a').value);

if (value !== 520) {
  console.log('漂亮阿姨喜歡小明')
} else {
  console.log('漂亮阿姨只是小明的普通朋友')
}

>助教回覆：作業做的很好哦 :smiley:

#### 組員 - Judies

const value = parseInt(document.querySelector('.a').value)
const showPanel = document.querySelector(".b") //因為class name和input相同, 導致無法正確指定innerHTML的位置, 所以我把div的 class name改成b

if (value !== 520) {
  showPanel.innerHTML = '漂亮阿姨喜歡小明'
} else {
  showPanel.innerHTML = "漂亮阿姨只是小明的普通朋友"
}

> 助教回覆：作業做的不錯喔 :smiley:，有成功轉型別，
另外提醒一下，下次也記得附上 codepen 或是完整程式碼喔~

#### 組員 - Ray

var value=Number(document.getElementsByClassName("a")[0].value);

console.log(value);

if (value !== 520) {
    console.log('漂亮阿姨喜歡小明');
} else {
    console.log('漂亮阿姨只是小明的普通朋友');
}

> 助教回覆：作業做的不錯喔 :smiley:，有成功轉型別，
另外提醒一下，下次也記得附上 codepen 或是完整程式碼喔~

#### 組員 - EvenC
[EvenC's CodePen](https://codepen.io/EvenC/pen/xxZEQgQ)

var value = ~~document.querySelector("input").value;

if (value !== 520) {
  console.log("漂亮阿姨喜歡小明");
} else {
  console.log("漂亮阿姨只是小明的普通朋友");
}

> 助教回覆：作業做的不錯喔，本次練習重點在行別轉換，
> 同學可以補上將字串轉乘數字的方法，
另外繳交作業時，盡量以正規的寫法表達喔。
>> 感謝助教批改
>> 字串轉十進制整數正規作法:
>>`parseInt(document.querySelector("input").value,10);`