1. Mark Dixon Page 1 05 – Conditional Execution

2. Mark Dixon Page 2 Admin: Test (next week) In class test –teaching week 6 50 minutes short answer (5 - 6 words max) 25% of coursework mark

3. Mark Dixon Page 3 Questions: Data Types a)What is the result of: Mid("George Boole", 5, 4) b)What is put in lblRes? txtPetName.value = "George" lblRes.innerText = Right(txtPetName.value, 3) c)What is put in lblRes? txtPetName.value = "George" lblRes.innerText = Right("txtPetName", 3) ge B rge ame

4. Mark Dixon Page 4 Session Aims & Objectives Aims –to introduce the main concepts involved in getting the computer to act differently under different circumstances Objectives, by end of this week’s sessions, you should be able to: –evaluate and generate conditional expressions –use conditional statements to make your code more adaptable

5. Mark Dixon Page 5 Adaptive Behaviour So far –every statement always executed in sequence Often necessary for software to –change behaviour under different circumstances

6. Mark Dixon Page 6 Example: Multiplication Test SPECIFICATION User Requirements –A primary school teacher wants to test the multiplication skills of her children. Software Requirements –Functional: –display a multiplication question –allow the user to type a response –check the response and provide feedback –Non-functional should be interesting, colourful, and easy to use

7. Mark Dixon Page 7 Example: Multiplication Test v1 Multiply What is 5 times 3? Sub btnAns_OnClick() If txtAns.Value = 15 Then document.bgcolor = "yellow" lblComment.innertext = "Correct, well done!" Else document.bgcolor = "cyan" lblComment.innertext = "Sorry, try again" End If End Sub

8. Mark Dixon Page 8 Example: Multiplication Test v1

9. Mark Dixon Page 9 Example: Multiplication Test v1

10. Mark Dixon Page 10 George Boole 1815 (Lincoln, UK) – 1864 Invented Boolean algebra –key concept in computing –boolean datatype: 0false 1true Condition – expression, evaluates to: –true(stored as –1) –false(stored as 0)

11. Mark Dixon Page 11 Conditions: Relational Operators conditions contain relational operators: =is equal to >is greater than =is greater than or equal to is not equal to

12. Mark Dixon Page 12 Conditions: Examples (literal) Using literals: 34 = 34 34 = 12 34 > 4 18 <= 18 true false true

13. Mark Dixon Page 13 Conditions: Examples (symbolic) Using symbols (controls' properties): Assume that: picMain.style.pixelLeft is 2300 picMain.style.pixelLeft = 2300 picMain.style.pixelLeft = 2309 picMain.style.pixelLeft <> 189 picMain.style.pixelLeft > 1900 true false true

14. Mark Dixon Page 14 Conditions: Errors Are the following valid: – 23 > 30 – 66 15 – 23 < – picBat.style.pixelLeft > 1000 – < picBat.style.pixelTop   missing (relational) operator missing data  missing data

15. Mark Dixon Page 15 Questions: Conditions What is the result of (picMain.style.pixelLeft is 5589): picMain.style.pixelLeft > 4400 What is the result (txtAge.value is 19, txtSalary.value is 10787): txtAge.Value < 21 AND txtSalary.Value < 10787 Write an expression to check if: the pixelLeft of picMain is larger than 167 Write an expression to check if: picMain pixelTop is more than picBall pixelTop true false picMain.style.pixelLeft > 167 picMain.style.pixelTop > picBall.style.pixelTop

16. Mark Dixon Page 16 If Then statements Use the following syntax (pattern): If condition Then statementblock End If For example: If txtAge.value < 18 Then document.bgColor = "Red" End If

17. Mark Dixon Page 17 If Then Else statements Use the following syntax (pattern): If condition Then statementblock-1 Else statementblock-2 End If For example: If txtAge.value < 18 Then document.bgColor = "Red" Else document.bgColor = "Blue" End If

18. Mark Dixon Page 18 Example: Student Loan Student Loan Repayment Calculator Student Loan Repayment Calculator Sub btnCalc_OnClick() lblPayment.innertext = (txtIncome.value - 15000) * 0.09 End Sub

19. Mark Dixon Page 19 Example: Student Loan (v2) Student Loan Repayment Calculator Student Loan Repayment Calculator Sub btnCalc_OnClick() If txtIncome.value > 15000 Then lblPayment.innertext = "£" & ((txtIncome.value - 15000) * 0.09) Else lblPayment.innertext = "You pay nothing (£0.00)!" End If End Sub

20. Mark Dixon Page 20 Example: Ball Char Functional Decomposition Incremental Development Get ball char to bounce horizontally: –get ball char to appear on left of page –get ball char to move right on page (user click) –get ball char to move right on page automatically –get ball char to stop at end –get ball char to change direction

21. Mark Dixon Page 21 Example: Ball Char (v2) Ball Char Sub window_OnLoad () window.setInterval "MoveBallRight", 50 End Sub Sub MoveBallRight () picBall.style.pixelLeft = picBall.style.pixelLeft + 5 End Sub

22. Mark Dixon Page 22 Example: Ball Char (v2.1) Ball Char Sub window_OnLoad() window.setInterval "MoveBallRight", 50 End Sub Sub MoveBallRight() If picBall.style.pixelLeft < document.body.clientWidth Then picBall.style.pixelLeft = picBall.style.pixelLeft + 5 End If End Sub

23. Mark Dixon Page 23 Example: Ball Char (v2.2) Ball Char Sub window_OnLoad() window.setInterval "MoveBallRight", 50 End Sub Sub MoveBallRight() If (picBall.style.pixelLeft + picBall.width ) < document.body.clientWidth Then picBall.style.pixelLeft = picBall.style.pixelLeft + 5 End If End Sub

24. Mark Dixon Page 24 Example: Ball Char (v2.3) Ball Char Sub window_OnLoad() window.setInterval "MoveBallRight", 50 End Sub Sub MoveBallRight() If ( picBall.style.pixelLeft + picBall.width + 5) < document.body.clientWidth Then picBall.style.pixelLeft = picBall.style.pixelLeft + 5 End If End Sub

25. Mark Dixon Page 25 Example: Ball Char (v2.4) Ball Char Sub window_OnLoad() window.setInterval "MoveBallRight", 50 End Sub Sub MoveBallRight() If (picBall.style.pixelLeft + picBall.width + 5) < document.body.clientWidth Then picBall.style.pixelLeft = picBall.style.pixelLeft + 5 Else window.setInterval "MoveBallLeft", 50 End If End Sub Sub MoveBallLeft () picBall.style.pixelLeft = picBall.style.pixelLeft - 5 End Sub

26. Mark Dixon Page 26 Example: Ball Char (v2.5) Bounce from side to side, with sound:

27. Mark Dixon Page 27 Example: Pizza Delivery A Pizza shop provides a delivery service. If the delivery is within five miles of the shop, then no delivery fee is charged. If the cost of the goods is less than £10 then a £3 delivery fee is charged, otherwise a £1.50 delivery fee is charged.

28. Mark Dixon Page 28 Decision Trees Natural language –ambiguous & difficult to follow Decision trees –express same information clearly distance <= 5 miles value >= £10 Free £1.50 £3.00 Y N Y N

29. Mark Dixon Page 29 Example: Pizza Delivery Delivery Distance: Cost: Sub btnCalc_OnClick() If txtDist.value <= 5 Then lblCharge.innerText = "Delivery Charge: £0.00" Else If txtCost.value >= 10 Then lblCharge.innerText = "Delivery Charge: £1.50" Else lblCharge.innerText = "Delivery Charge: £3.00" End If End Sub Nested If statements –one if inside another if

30. Mark Dixon Page 30 If statements: Errors If txtNum.value > 5 Then If txtNum.value = 4 Then document.bgColor = "green" End If If picMan.width > 5 document.bgColor = "red" End If missing Then keyword missing End If

31. Mark Dixon Page 31 Logical Operators AndTrue when both items are True picMain.vSpace > 5 AND picMain.vSpace 55 false picMain.vSpace > 6 AND picMain.vSpace = 6 AND picMain.vSpace <= 23 true OrTrue when either item is True picMain.vSpace = 23 OR picMain.vSpace = 11 true picMain.vSpace 55 false NotTrue when item is False Not (picMain.vSpace = 23) false Use to join conditions (picMain.vSpace is 23):

32. Mark Dixon Page 32 Tutorial Exercises: Multiplication LEARNING OBJECTIVE: use if statement to perform conditional execution Task 1: Get the Multiplication v1 and v1.1 examples (from the lecture) working. Task 2: Modify your program so that the text box is disabled after the answer is checked Task 3: Modify your program so that it makes a suitable sound when the user gets the answer right/wrong. Sound files are in the resources section of the web-site

33. Mark Dixon Page 33 Tutorial Exercises: Student Loan LEARNING OBJECTIVE: use if statement to perform conditional execution Task 1: Get the Student Loan v1 and v2 examples (from the lecture) working. Task 2: Modify your program so that it calculates and displays monthly income and repayment amounts (as well an annual).

34. Mark Dixon Page 34 Tutorial Exercises: BallChar LEARNING OBJECTIVE: use if statement to perform conditional execution Task 1: Get the BallChar example (from the lecture) working. You will need to work out the code for v2.5 – use the previous code for inspiration. Task 2: Modify your program so that the Ball Character blinks when the mouse moves over it Task 3: Modify your program to play a sound when the ball character is clicked

35. Mark Dixon Page 35 Tutorial Exercises: Pizza Delivery LEARNING OBJECTIVE: use nested if statements to perform conditional execution Task 1: Get the Pizza Delivery example (from the lecture) working.