第二篇 : 讓虛擬鍵盤做簡單運算

本篇會延續第一篇完成的進度繼續進行
並介紹如何將輸入的數值做計算

成品效果

製作教學

• 使用積木

1. 首先再建立五個變數

補充:設第2個數值變數名為'var2'，四個顯示答案的內容變數名分別為 '+'、 '-' 、 '*' 、 '/'

2. 在"詢問____後回答的數字" 積木裡點選 "+" 輸入可以運算的位數

3. 對 "變數XXX設為0"積木複製，並將變數 "XXX" 改為第二個數值的名稱

4. 選擇使用 "變數'+'設為0" 積木，並從數學類別裡"( )+( )"積木移動到 '0' 空格內

5. 從變數類別中將第一個數值" 變數'XXX' "積木放到"( )+( )"積木第一個空格中，"var2"則放入第二個空格，其他答案變數的積木依此類推。

6. 選擇遊戲類別裡的 " 顯示提示'XXX' " 積木，並按下 '+'

7. 在第一個空格中輸入"加法答案為" ，第二個空格則把"變數 '+' "積木放入裡面，其他答案變數的積木依此類推。

8. 測試會發現答案如果為"0"將會不顯示

所以這時需要加入邏輯類別中"如果(條件)那麼(做甚麼)否則(做甚麼)"積木，來進行作判斷

9. 將邏輯類別裡"( )=( )"積木放入 "如果(條件)那麼(做甚麼)否則(做甚麼)" 積木中 「條件」的空格中

10. 將"( )=( )"積木中第一個空格放入"變數 '+' "積木

11. 將" 顯示提示'XXX' " 積木放入"如果(條件)那麼(做甚麼)否則(做甚麼)" 積木中 「那麼(做甚麼)」的空格中，並在後面空格輸入"0"

12. 將" 顯示提示'加法答案為' '變數+' "積木放入 "如果(條件)那麼(做甚麼)否則(做甚麼)" 積木中 「否則(做甚麼)」的空格中，其他答案變數的積木依此類推。

13. 最後會得到成品的效果

• 使用JAVASCRIPT

1. 使用js建立變數的語法"let" + 變數名稱 = 初始值 ，來建立5個變數

let _var = 0      //輸入數值一變數
let var2 = 0      //輸入數值二變數

let add = 0       //加法答案變數
let minus = 0     //減法答案變數
let multiply = 0  //乘法答案變數 
let divided = 0   //除法答案變數

2. forever(function(){}) 重複執行做什麼

let _var = 0      //輸入數值一變數
let var2 = 0      //輸入數值二變數

let add = 0       //加法答案變數
let minus = 0     //減法答案變數
let multiply = 0  //乘法答案變數 
let divided = 0   //除法答案變數

forever(function () {
    
})

3. game.askForNumber("", 字元長度) 為要求輸入

let _var = 0      //輸入數值一變數
let var2 = 0      //輸入數值二變數

let add = 0       //加法答案變數
let minus = 0     //減法答案變數
let multiply = 0  //乘法答案變數 
let divided = 0   //除法答案變數

forever(function () {
    _var = game.askForNumber("", 2)
    var2 = game.askForNumber("", 2)
})

4. 讓加減乘除答案變數去運算

let _var = 0      //輸入數值一變數
let var2 = 0      //輸入數值二變數

let add = 0       //加法答案變數
let minus = 0     //減法答案變數
let multiply = 0  //乘法答案變數 
let divided = 0   //除法答案變數

forever(function () {
    _var = game.askForNumber("", 2)
    var2 = game.askForNumber("", 2)
    add = _var + var2
    minus = _var - var2
    multiply = _var * var2
    divided =  _var / var2
})

5. game.splash(" ")為顯示提示內容，if(){}else{}為判斷答案是否為零

let _var = 0      //輸入數值一變數
let var2 = 0      //輸入數值二變數

let add = 0       //加法答案變數
let minus = 0     //減法答案變數
let multiply = 0  //乘法答案變數 
let divided = 0   //除法答案變數

forever(function () {
    _var = game.askForNumber("", 2)
    var2 = game.askForNumber("", 2)
    add = _var + var2
    minus = _var - var2
    multiply = _var * var2
    divided =  _var / var2
     if (add == 0) {
        game.splash("加法答案為", "0")
    } else {
        game.splash("加法答案為", add)
    }
    if (minus == 0) {
        game.splash("減法答案為", "0")
    } else {
        game.splash("減法答案為", minus)
    }
    if (multiply == 0) {
        game.splash("乘法答案為", "0")
    } else {
        game.splash("乘法答案為", multiply)
    }
    if (divided == 0) {
        game.splash("除法答案為", "0")
    } else {
        game.splash("除法答案為", divided)
    }
})

完成範例連結

作者:蔡宇倫