Download as PDF, PPTX
Uploaded byEsmeraldo Jr Guimbarda
TM 2nd qtr-3ndmeeting(java script-functions)
This document provides instructions for creating a basic HTML file that calculates speed based on distance and time inputs. It outlines 15 steps to set up the HTML skeleton, add input fields for distance and time, create a button to call the ComputeSpeed function, and use a script to calculate and display the speed when the button is clicked. The instructions are for a learning activity to demonstrate functions in JavaScript.
TM 2nd qtr-3ndmeeting(java script-functions)
- 1. Java Script: Functions Learning by examples: by: Engr. Esmeraldo T. Guimbarda Jr.
- 2. Activity: 1. Open Notepad++. Click on Start > All Programs > Notepad++ folder > Notepad++.
- 3. 2. Create anew HTML file by clicking File > New, or pressing Ctrl+N on your keyboard.
- 4. 3. Save thefile as “speed.html”. To save the file, go to File > Save As. Type “speed.html” in the File name box. Select Hypertext Markup Language file in the Save as type selection menu. Save the file in your desktop.
- 5. 4. Type thebasic skeleton code of an HTML document.
- 6. 5. Define thetitle as “Speed”.
- 7. 6. inside thebody tag, create a heading <h1> and type “Compute for Speed”.
- 8. 7. under theheading <h1>, create a table <table> with 2 rows <tr> and 2 columns <td>.
- 9. 8. In firstrow <tr>, first column <td>, type in “Distance Traveled”. In Second row <tr>, first column <td>, type in “Time of Travel”.
- 10. 9. In firstrow <tr>, second column <td>. create an input field with input type as text and id as distance.
- 11. 10. In secondrow <tr>, second column <td>. create an input field with input type as text and id as time.
- 12. 11. At thebottom of the table tag </table>, create a button tag <button> linking onclick fucntion to ComputeSpeed.
- 13. 12. Create ascript tag <script> which is inside head tag <head> and below the title tag <title>.
- 14. 13. Inside thescript tag <script>, create the function ComputeSpeed().
- 15. 14. Initialize variableusing distance and time to compute speed.
- 16. 15. Set theformula to compute for speed.
- 17. 16. Create analert to output the value of speed.
- 18. 17. Save thefile by clicking File > Save or pressing Ctrl + S on your keyboard.
- 19. 18. Open theHTML file to your browser by clicking Run > Lunch in Chrome or Lunch in Firefox on your Notepad++
- 20.