Write with separate HTML and JavaScript files. a. The first part will be a heade
ID: 3607745 • Letter: W
Question
Write with separate HTML and JavaScript files.
a. The first part will be a header. The text will be moving from right to left. Match the output file.
b. The second part will be a Button “Select Style”, and when the user clicks on it, the background color (Style) for the Third part change to be a blue color. Match the output file.
c. The Third Part will be a text with header, and the background will be change to a blue color when the user selects the button from the second part. Make sure that the is match the output file.
d. The Forth part will start with moving text with a picture from left to right. Make sure your file will display the same format as the output file.
e. The last part is a copyright at the bottom. Make sure your file will display the same format as the output file.
Using Machine Learning on Web Development Select Style NYIT Art Gallery Show Gallery Show is Staring Now! Do not wait. Select your best Art now! Last Chance to buy: Price Only $1487.95 Copyright Prof. Adly Elzoheary fall 2017Explanation / Answer
HTML Code to display the given format
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color: #FFE4B5;
}
</style>
<script>
function myFunction() {
document.getElementById("div1").style.backgroundColor = "lightblue";
}
</script>
</head>
<body>
<h1><font color="RED"><marquee >Using Machine Learning on Web Development</marquee></font></h1>
<div><button>Select Style</button><br/><br/></div>
<div id ="div1" ><div><font color="GREEN">NYIT Art Gallery Show</font>
<br/>
<br/>
<br/>
Gallery Show is Starting now! Do not wait. Select your best Art now!
</div></div>
<div>
<br/>
<br/>
<br/>
<h2><font color="BLUE"><marquee direction="right">Last Chance to buy! Price only $1487.95</marquee></font></h1>
<br/>
<img src="/images/img1.gif" alt="Display Image here">
</div>
</div>
<div></div>
<div>
<br/>
Copyright©Prof.Adly.Eltoheary fall 2017
</div>
</body>
</html>
Please Note:- As it is simple function, Here I have included the script with the HTML file. If wanted separately, You write it into separate file and call in the html file.
Eg:-
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.