How come this HTML function is not working?

K

kool

New member
I just opened up the page and there are three buttons on the page and only one of them is working now why is that?
<html>
<head>
<title>My Favorites</title>
<script type="text/javascript">
function favoriteMovie()
{
alert("Harry Potter Series");
}

function favoriteBand()
{
alert("Linkin Park");
}

function favoriteNfl()
{
alert("Philadelphia Eagles");
}
</script>
<style type="text/css">
Body{background-color:#FF9999;}
Form{ border-style:solid;border-color:#007A00;}
</style>
</head>
<body>
<div id="Movie">
<form name="favoriteMovie">
<input type="button" value="Click to see my favorite movie" onclick="favoriteMovie()" style=color:#990099;background-color:#FFFF99 />

</div></form>

<div id="Band">
<form name="favoriteBand">
<input type="button" value="Click to see my favorite band" onclick="favoriteBand()" style=color:#85FFFF;background-color:#990033 />
</div></form>

<div id="NFL Team">
<form name="favoriteNflTeam">
<input type="button" value="Click to see my favorite NFL Team" onclick="favoriteNfl()" style=color:#FFFF33;background-color:#6B2424 />
</div></form>

<p><img src="http://www.moviedeskback.com/wp-content/uploads/2010/07/Harry-Potter-and-The-Deathly-Hallows.jpg" alt="harry potter" height="300" width="350" /></p>

<p><img src="http://www.nfl-trade-rumors.com/wallpaper/eagles_640x480.jpg" alt="Eagles" height="250" width="250" /></p>
<p><img src="http://sometags.com/wp-content/uploads/2011/06/linkin-park.jpg" alt="Linkin Park" height="250" width="300"/></p>
</body>
</html>
 
Back
Top