iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
自我挑戰組

50後阿嬤教你寫程式!系列 第 12

Day 12 阿嬤!元宵節到嘍!

  • 分享至 

  • xImage
  •  

Day 12 阿嬤!元宵節到嘍!

各位朋友大家好!我是主持人阿嬤!今天就是我們一年一度的元宵節活動!首先我們要來玩的遊戲就是猜謎!!

猜謎遊戲

元宵節,大家都會提燈籠,吃湯圓,而我們今天要來做的是猜謎時間!就如開頭所說的一樣ㄓ(也就是問答題啦哈

若想創建這個問答題的話,必須得讓猜謎的大家能輸入他們的答案。
今天這一章講的方法就是讓電腦彈出一個窗口,使得玩家能輸入他們的答案,
但在遊戲開始前,電腦得要知道玩家的名字,這樣電腦才會眼熟你。
那這樣要怎麼樣撰寫程式碼呢?看我操作:

var 名字 = prompt("你的名字是什麼?")
console.log("嗨害嗨" + 名字);

然後頁面就會彈出這個東西:

然後你就輸入你的名字,他就會這樣輸出:

是不是很有趣,因為我們在文字框輸入 "Joanne." 所以會把文字 "Joanne." 儲存到變數『名字』裡
console.log 把"嗨害嗨" + "Joanne." 輸出在控制台裡頭,返回的是"嗨害嗨Joanne."。

confirm

這個函數是用來問是否對錯的,也是這次問答題的主角,而不是用彈窗來取得大家的答案。
例如:下面使用 confirm 函數來問大家是不是拽姐,若你回答 "是" ,那控制台就會返回
"額當漏電吹風機蹭熱度好玩嗎?" 相反,若你選擇不是的話,那控制台就會返回 "耶太棒了你是正常人,高質貝貝考慮交友ma?"那這樣要怎麼寫呢?看我操作:

var 拽姐 = confirm("你是拽姐嗎?");
if (拽姐) {
  console.log("額當漏電吹風機蹭熱度好玩嗎?");
} else {
  console.log("耶太棒了你是正常人,高質貝貝考慮交友ma?")
}

他一樣會彈出一個窗口,但是他跟剛剛的窗口不一樣,這個窗口沒有輸入文字的地方,只有一個選是或不是的地方:

選是的話返回的話會是這樣:

選不是的話返回的話會是這樣:

用 alert 來提供信息

有時我們玩遊戲的時候,常常會因為不知道怎麼玩而卡關。
這時,提示的出現就很重要,那要怎麼提示玩家呢?看我表演:

alert("你是Joanne");

輸出如下:

他就會這樣顯示,是不是很神奇?

小總結

今天我們知道了問答題的基本函數,更詳細的猜謎活動,會在 16 章的時候來寫更好玩的猜字遊戲(喔
我洩題了;))那就敬請期待那天吧(沒關子賣了⋯⋯)那這樣我們就下課嘍!拜拜~


上一篇
Day 11 阿嬤的函式!(下)
下一篇
Day 13 阿嬤,真的假的阿!?(上)
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言