1. LING 408/508: Computational Techniques for Linguists
Lecture 17

2. Today's Topics Homework 6 Review Javascript forms
BMI calculator example

3. Homework 6 Review Review is in two stages: Stage 1 today
Stage 2 Thursday
2ND CHANCE:
to show you understand the code
see later slide
due tomorrow night

4. Homework 6 Review
File: 15test.html
Step 1: test table cell clicking

5. Homework 6 Review
Step 1: test table cell clicking

6. Homework 6 Review
File: 15test2.html
Step 2: test can_move()

7. Homework 6 Review
File: 15test3.html
Step 3: test move()

8. Homework 6 Review 2nd chance (due tomorrow night)
can you write shuffle() and solved()?

9. Javascript Forms Example:
example.html
HTML Forms:
allow the user to input information
multiple named input fields for text, numbers, radio buttons, check boxes etc. can be defined within a form
values can be sent to a Web server (using GET or POST) by clicking on a button
web server implementation: later in this course
we'll use forms and call javascript functions (browser-side functionality only)

10. BMI: Javascript
File: bmi-js.html

11. BMI: Javascript

12. BMI: SVG bmi-gauge.html Download gaugeSVG.js
bmi-gauge.html
Download gaugeSVG.js
from the course webpage (I've modified his code a bit)

13. gaugeSVG.js
Note: I've modified his code slightly to allow for different colors for lower and upper warning ranges

14. bmi-gauge.html

15. bmi-gauge.html

16. bmi-gauge.html To set the value: gauge.refresh(bmi, true); ""
25 (upperWarningLimit)
(lowerWarningLimit)
18.5
30 (upperActionLimit)
To set the value:
gauge.refresh(bmi, true);
""
animation true|false

17. bmi-gauge.html