Write the HTML code using Notepad to display the following precisely. Notice tha
ID: 3801618 • Letter: W
Question
Write the HTML code using Notepad to display the following precisely. Notice that the word “firstPage” is bold and the word “here” is italic. When the user clicks the word “here”, it should link to yahoo web site. Add 3 input boxes, and a button. In the first box, enter your first name. In the second box, enter your last name. When the user clicks the button; a greeting will be displayed in the third box. The greeting will display: “Good morning Mr./Ms. lastname, firstname”.
You also need to add another 2 input boxes and a Button. The user will enter a degree in Fahrenheit, and then the user will click the Button to convert that degree to Celsius. The conversion will appear in the Celsius text box.
CPS 120 HTML LAB (Semester year) Welcome to my first web page, firstPage at address.net, click here to see it. first name last name greeting Celsius Fahrenheit Convert to CelciusExplanation / Answer
<!-- hope the code meets your needs ,the tab style is just to give spaces, you are free to use   but this should be much readable,ALL THE BEST -->
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
tab1 { padding-left: 4em; }
tab2 { padding-left: 8em; }
tab3 { padding-left: 12em; }
</style>
</head>
<body>
<center>(YOUR NAME GOES HERE)</center>
<center>CPS 120 HTML LAB</center>
<center>(Semester year)</center>
<p>Welcome to my first web page,<b>firstPage</b> at myaddress.net,click <a href="www.yahoo.com"><i>here</i></a> to see it</p>
</br>
</br>
<p>First Name <tab2>Last Name</tab2> <tab2>Greeting<tab2></p>
<input type="text" id="fname" value="">
<input type="text" id="lname" value="">
<input type="text" id="greeting" value="" size="35">
<button>Greet</button>
</br>
</br>
<p>Fahrenheit <tab2>Celcius</tab2> </p>
<input type="text" id="fahrenheit" value="">
<input type="text" id="Celcius" value="">
<button>Convert to Celcius</button>
<script>
function greeting() {
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
document.getElementById("greeting").value = "Good morning Mr./Ms. "+lname+","+ fname;
}
function fToC() {
var f= document.getElementById("fahrenheit").value ;
f=parseInt(f);
var c = (f-32)/1.8;
document.getElementById("Celcius").value=c;
}
</script>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.