Lab 11 - It 130
- Create a directory named lab11 at your students account and locally.
- Redo lab9 question 2, using textboxes to get the input and a function to compute the future value.
- Create a sub directory of it130 called lab 11. Both locally and at your students account.
- Create a sub directory of lab 11 called images.
- Download the following images and save them to your images sub directory
- Type in the following piece of code.
<![CDATA[
<html>
<head>
<script>
function imgChange(animal)
{
document.images.imgAnimal.src =
"images/" + animal + ".jpg";
}
</script>
<style>
table{
border:2px solid darkgreen;
}
td{padding:5px 10px 5px 5px;}
</style>
</head>
<body>
<h1>A Few of my Favorite Pets</h1>
<p><img name="imgAnimal" src="images/bear.jpg" /></p>
<form name="frmImageChange">
<table>
<tr>
<td>
<input type="button" value="Lions"
onclick="imgChange('lion');" />
</td>
<td>
<input type="button" value="Tigers"
onclick="imgChange('tiger');" />
</td>
<td>
<input type="button" value="Bears"
onclick="imgChange('bear');" />
</td>
</tr>
</table>
</body>
</html>
]]>
Find two more images of animals and add two more buttons to the form to reflect the new animals.
- Type and Run the following piece of code
<![CDATA[
<html>
<head>
<title>If Demo Page</title>
<script type="text/javascript">
function showMessage()
{
var score = document.scoreForm.scoreBox.value;
score = parseFloat(score);
if(score < 60) {
alert("You failed !");
}
else {
alert("You Passed !");
}
}
</script>
</head>
<body>
<form name="scoreForm">
<p>Enter your score: <input type="text" name="scoreBox"
size="10" value"" /></p>
<p><input type="button" value="Click for Message"
onclick="showMessage();" />
</form>
</body>
</html>
]]>
- Download, study and run the code for
true-false-quiz.html Add 3 more true false questions to the program.
- Work on Hw4
- Work on Project
