iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 11
0
Modern Web

JS 學習歷程系列 第 11

結衣我老婆啦 - 情侶理想身高差 * onClick(三)

  1. 今天要來繼續假裝自己單身的練習題,再接續昨天之前,應該要先來提供一下情侶理想身高差的公式(出處:鍵盤大檸檬),不囉嗦直接上結論:

    (女生身高)x 1.09 = 男生身高

    (男生身高)÷ 1.09 = 女生身高

    不過這種文章就是茶餘飯後閒聊即可,相信只要有真愛,距離就是零,哈哈哈哈哈哈。

  2. 取代掉 alert(myHeightNum * 1.09),首先要做的就是把我們要丟出男生身高計算結果的地方選出來:document.querySelector('.boyResult').textContent,後面代入公式:=myHeightNum*1.09

  3. 同理可証,要選丟出女生身高值的地方:document.querySelector('.girlResult').textContent,公式為:=myHeightNum/1.09

  4. codePen 長相:

https://ithelp.ithome.com.tw/upload/images/20190910/20119922FxToTD6L6y.png

  1. 大致完成囉,可以來輸入數值試玩囉:

https://ithelp.ithome.com.tw/upload/images/20190910/20119922Y1D03WZsrY.png

  1. 雖然己經可以產生結果了,但有沒有發現,理想女友的身高會出現很長的數值結果?如果我們只想要小數2位之後四拾五入,這時候就要上toFix(想要取小數之後幾位),程式碼送上來:
document.querySelector('.boyResult').textContent=(myHeightNum*1.09).toFixed(2);
document.querySelector('.girlResult').textContent=(myHeightNum/1.09).toFixed(2);

https://ithelp.ithome.com.tw/upload/images/20190910/201199222wvOfhCyMW.png

  1. 收工,回家找結衣!

上一篇
結衣我老婆啦 - 情侶理想身高差 * onClick(二)
下一篇
反轉劇代表收視率 - 反轉陣列裡的物件
系列文
JS 學習歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
阿瑜
iT邦研究生 4 級 ‧ 2019-09-12 11:48:23

原來有這種公式 /images/emoticon/emoticon01.gif

Chita iT邦新手 5 級 ‧ 2019-09-12 11:57:52 檢舉

我們與真愛的距離 !

0
紅茶小公主
iT邦新手 2 級 ‧ 2019-09-12 18:55:38

誒~~~理想身高差萌不是20公分嘛(́◉◞౪◟◉‵)

Chita iT邦新手 5 級 ‧ 2019-09-12 20:15:43 檢舉

原來都市傳說不只一個

我要留言

立即登入留言