Problem A: using tryit

The first problem consists on developing a temperature conversion web page:

1- Add a simple text Temperature in Fahrenheit: and an input element with an id tFah_id and

of type text.

Temperature in Fahrenheit:

2- Add a button with the following caption Convert to Celsius.

3- Add a text Temperature in Celsius: and a paragraph that will display the result of the

conversion and give it the id tCel_id:

Temperature in Celsius:

4- Write a Javascript function that converts a temperature from Fahrenheit (Df) to Celsius (Dc):

Dc = (Df 32)*5/9

The function reads the input value that is inside the tFah_id input element than writes the result in the

tCel_id paragraph.

function convert(){

var ftemp = document.getElementById("tFah_id").value;

var ctemp = (ftemp - 32)*5/9;

document.getElementById('tCel_id').innerHTML = ctemp;

}

5- Now we need to link the function to the button:

6- Execute the web page and try entering numbers than retry using words. What is the

result in this last case?

Problem B

Lets consider the following table representing a students courses schedule:

2- Add a button with the following caption "Convert to Celsius". 3- Add a text "Temperature in Celsius:" and a paragraph that will display the result of the conversion and give it the id "tCel_id": Temperature in Celsius: 4- Write a Javascript function that converts a temperature from Fahrenheit (Df) to Celsius (Dc): Dc = (Df - 32)* 5/9 The function reads the input value that is inside the "tFah_id" input element than writes the result in the "Cel_id" paragraph. function convert(){ var ftemp = document.getElementById("tFah_id").value; var ctemp = (ftemp - 32)*5/9; document.getElementById('tCel_id').innerHTML = ctemp; } 5- Now we need to link the function to the button:

	Sunday	Monday	Tueday	Wednesday	Thursday
08-10
13-15

1. We have two arrays with the data that needs to be inserted into the table: morning = [ "Math", "Physics", "Math", "Science", "Programming"]; afternoon = ["Programming", "Databases", "Web Development", "Networks", "Sport"]; Write the Javascript function that will insert the data into the table to obtain the result below: Sunday Monday Tueday Wednesday Thursday 08-10 Math Physics Math Science Programming 13-15 Programming Databases Web Development Networks Sport Note that to modify the HTML code of the cell number 1 of the row number j of a table, you can write: table.rows[j].cells[i].innerHTML = "New Content"; 2- Using Javascript, add the following style to your table: Sunday Monday Tueday Wednesday Thursday 08-10 Math Physics Math Science Programming 13-15 Programming Databases Web Development Networks Sport Note that you can change a cell's background color by: table.rows[j].cells[i].bgColor = "#ffcccc