Semester 3 pog
This commit is contained in:
146
Semester 1/Assignments/JavaScript/Chapter3Examples/public_html/carla/carla.css
Executable file
146
Semester 1/Assignments/JavaScript/Chapter3Examples/public_html/carla/carla.css
Executable file
@@ -0,0 +1,146 @@
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
background-image: url(background.gif);
|
||||
color: #0000FF;
|
||||
font-family: Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
#container { margin-left: auto;
|
||||
margin-right: auto;
|
||||
width:85%;
|
||||
min-width:700px;
|
||||
}
|
||||
|
||||
|
||||
#logo {
|
||||
text-align:center;
|
||||
margin: 0;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
}
|
||||
#nav {
|
||||
float: left;
|
||||
width: 200px;
|
||||
padding-top: 10px;
|
||||
text-align:left;
|
||||
color: #FF0000;
|
||||
font-size: 14px;
|
||||
}
|
||||
#nav a {
|
||||
text-decoration:none;
|
||||
margin: 15px;
|
||||
display: block;
|
||||
color: #FF0000;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#content {
|
||||
margin-left: 150px;
|
||||
padding: 30px;
|
||||
overflow:auto;
|
||||
border: medium groove #0000FF;
|
||||
line-height: 135%;
|
||||
|
||||
}
|
||||
|
||||
.floatright {padding-left:20px;
|
||||
float:right;
|
||||
}
|
||||
.floatleft {
|
||||
float:left;
|
||||
padding: 2px 30px 20px;
|
||||
}
|
||||
#footer {
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
text-align: justify;
|
||||
border-top: thin none;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
color: #FF0000;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h2 { text-transform: uppercase;
|
||||
color: #0000FF;
|
||||
font-size: 36px;
|
||||
border-bottom: 1px none;
|
||||
margin-right: 20px;
|
||||
}
|
||||
h3 {
|
||||
color: #0000FF;
|
||||
font-size: 1em;
|
||||
border-bottom: thin none;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
padding-top: 20px;
|
||||
padding-right: 150px;
|
||||
padding-bottom: 20px;
|
||||
padding-left: 150px;
|
||||
line-height: 130%;
|
||||
border-top-style: none;
|
||||
border-right-style: none;
|
||||
border-left-style: none;
|
||||
}
|
||||
.details { padding-left:20%;
|
||||
padding-right:20%;
|
||||
}
|
||||
|
||||
|
||||
img {border:0 none; }
|
||||
|
||||
|
||||
.content {
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
height: 3700px;
|
||||
width: 500px;
|
||||
}
|
||||
a {
|
||||
color: #FF0000;
|
||||
text-decoration: none;
|
||||
margin: 15px;
|
||||
color: #FF0000;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
a:hover {
|
||||
color: #FFFF00;
|
||||
background-color: #0000FF;
|
||||
}
|
||||
h4 {
|
||||
line-height: 150%;
|
||||
margin-right: 20%;
|
||||
margin-left: 15%;
|
||||
text-align: center;
|
||||
}
|
||||
h1 {
|
||||
font-family: Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 36pt;
|
||||
text-align: center;
|
||||
margin-right: 15%;
|
||||
margin-left: 20%;
|
||||
}
|
||||
p {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
font-size: 16px;
|
||||
line-height: 130%;
|
||||
font-weight: bold;
|
||||
color: #0000FF;
|
||||
}
|
||||
.flt_img {
|
||||
float: none;
|
||||
padding-top: 3px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 3px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
specialh4 {
|
||||
line-height: 150%;
|
||||
margin-right: 20%;
|
||||
margin-left: 15%;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -0,0 +1,329 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Carla's Classroom | It All Adds Up</title>
|
||||
<link href="carla.css" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript">
|
||||
|
||||
function addIt()
|
||||
{
|
||||
var num1a = 0;
|
||||
var num1b = 0;
|
||||
var sum1 = 0;
|
||||
var count1 = 0;
|
||||
var response = " ";
|
||||
var result = " ";
|
||||
levelOne();
|
||||
function levelOne()
|
||||
{
|
||||
//problem 1
|
||||
var num1a = (Math.floor(Math.random() * 10)) + 1;
|
||||
var num1b = (Math.floor(Math.random() * 10)) + 1;
|
||||
var sum1 = num1a + num1b;
|
||||
var response = parseInt(prompt("What is the sum of " + num1a + " and " + num1b + " ?"));
|
||||
if (response == sum1)
|
||||
{
|
||||
count1 = count1 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count1 == 3)
|
||||
{
|
||||
levelTwo();
|
||||
return;
|
||||
}
|
||||
//problem 2
|
||||
var num1a = (Math.floor(Math.random() * 10)) + 1;
|
||||
var num1b = (Math.floor(Math.random() * 10)) + 1;
|
||||
var sum1 = num1a + num1b;
|
||||
var response = parseInt(prompt("What is the sum of " + num1a + " and " + num1b + " ?"));
|
||||
if (response == sum1)
|
||||
{
|
||||
count1 = count1 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count1 == 3)
|
||||
{
|
||||
levelTwo();
|
||||
return;
|
||||
}
|
||||
//problem 3
|
||||
var num1a = (Math.floor(Math.random() * 10)) + 1;
|
||||
var num1b = (Math.floor(Math.random() * 10)) + 1;
|
||||
var sum1 = num1a + num1b;
|
||||
var response = parseInt(prompt("What is the sum of " + num1a + " and " + num1b + " ?"));
|
||||
if (response == sum1)
|
||||
{
|
||||
count1 = count1 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count1 == 3)
|
||||
{
|
||||
levelTwo();
|
||||
return;
|
||||
}
|
||||
//problem 4
|
||||
var num1a = (Math.floor(Math.random() * 10)) + 1;
|
||||
var num1b = (Math.floor(Math.random() * 10)) + 1;
|
||||
var sum1 = num1a + num1b;
|
||||
var response = parseInt(prompt("What is the sum of " + num1a + " and " + num1b + " ?"));
|
||||
if (response == sum1)
|
||||
{
|
||||
count1 = count1 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count1 == 3)
|
||||
{
|
||||
levelTwo();
|
||||
return;
|
||||
}
|
||||
else
|
||||
{
|
||||
alert("You need more practice at this level.");
|
||||
return;
|
||||
}
|
||||
}
|
||||
function levelTwo()
|
||||
{
|
||||
var count2 = 0;
|
||||
alert("You're at Level Two");
|
||||
|
||||
//problem 1
|
||||
var num2a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num2b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum2 = num2a + num2b;
|
||||
var response = parseInt(prompt("What is the sum of " + num2a + " and " + num2b + " ?"));
|
||||
if (response == sum2)
|
||||
{
|
||||
count2 = count2 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count2 == 3)
|
||||
{
|
||||
levelThree();
|
||||
return;
|
||||
}
|
||||
//problem 2
|
||||
var num2a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num2b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum2 = num2a + num2b;
|
||||
var response = parseInt(prompt("What is the sum of " + num2a + " and " + num2b + " ?"));
|
||||
if (response == sum2)
|
||||
{
|
||||
count2 = count2 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count2 == 3)
|
||||
{
|
||||
levelThree();
|
||||
return;
|
||||
}
|
||||
//problem 3
|
||||
var num2a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num2b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum2 = num2a + num2b;
|
||||
var response = parseInt(prompt("What is the sum of " + num2a + " and " + num2b + " ?"));
|
||||
if (response == sum2)
|
||||
{
|
||||
count2 = count2 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count2 == 3)
|
||||
{
|
||||
levelThree();
|
||||
return;
|
||||
}
|
||||
//problem 4
|
||||
var num2a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num2b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum2 = num2a + num2b;
|
||||
var response = parseInt(prompt("What is the sum of " + num2a + " and " + num2b + " ?"));
|
||||
if (response == sum2)
|
||||
{
|
||||
count2 = count2 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count2 == 3)
|
||||
{
|
||||
levelThree();
|
||||
return;
|
||||
}
|
||||
else
|
||||
{
|
||||
alert("You need more practice at this level.");
|
||||
return;
|
||||
}
|
||||
}
|
||||
function levelThree()
|
||||
{
|
||||
var count3 = 0;
|
||||
alert("You're at Level Three");
|
||||
|
||||
//problem 1
|
||||
var num3a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3c = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum3 = num3a + num3b + num3c;
|
||||
var response = parseInt(prompt("What is the sum of " + num3a + ", " + num3b + ", and " + num3c + " ?"));
|
||||
if (response == sum3)
|
||||
{
|
||||
count3 = count3 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count3 == 3)
|
||||
{
|
||||
alert("That's all, folks! Proceed to multiplication now!");
|
||||
return;
|
||||
}
|
||||
//problem 2
|
||||
var num3a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3c = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum3 = num3a + num3b + num3c;
|
||||
var response = parseInt(prompt("What is the sum of " + num3a + ", " + num3b + ", and " + num3c + " ?"));
|
||||
if (response == sum3)
|
||||
{
|
||||
count3 = count3 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count3 == 3)
|
||||
{
|
||||
alert("That's all, folks! Proceed to multiplication now!");
|
||||
return;
|
||||
}
|
||||
//problem 3
|
||||
var num3a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3c = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum3 = num3a + num3b + num3c;
|
||||
var response = parseInt(prompt("What is the sum of " + num3a + ", " + num3b + ", and " + num3c + " ?"));
|
||||
if (response == sum3)
|
||||
{
|
||||
count3 = count3 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count3 == 3)
|
||||
{
|
||||
alert("That's all, folks! Proceed to multiplication now!");
|
||||
return;
|
||||
}
|
||||
//problem 4
|
||||
var num3a = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3b = (Math.floor(Math.random() * 100)) + 1;
|
||||
var num3c = (Math.floor(Math.random() * 100)) + 1;
|
||||
var sum3 = num3a + num3b + num3c;
|
||||
var response = parseInt(prompt("What is the sum of " + num3a + ", " + num3b + ", and " + num3c + " ?"));
|
||||
if (response == sum3)
|
||||
{
|
||||
count3 = count3 + 1;
|
||||
result = "correct!";
|
||||
alert(result);
|
||||
}
|
||||
else
|
||||
{
|
||||
result = "incorrect";
|
||||
alert(result);
|
||||
}
|
||||
if (count3 == 3)
|
||||
{
|
||||
alert("That's all, folks! Proceed to multiplication now!");
|
||||
return;
|
||||
}
|
||||
else
|
||||
{
|
||||
alert("That's all, folks! But you need more practice at this level.");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<img src="images/arith_big.jpg" class="floatleft" />
|
||||
<h1 id="logo">It All Adds Up!</h1>
|
||||
<div style="clear:both;"></div>
|
||||
<div align="left">
|
||||
<blockquote>
|
||||
<p><a href="index.html"><img src="images/owl_button.jpg" width="50" height="50" />Home</a>
|
||||
<a href="carla.html"><img src="images/carla_button.jpg" width="50" height="65" />Meet Carla </a>
|
||||
<a href="reading.html"><img src="images/read_button.jpg" />Reading</a>
|
||||
<a href="writing.html"><img src="images/write_button.jpg" width="50" height="50" />Writing</a>
|
||||
<a href="math.html"><img src="images/arith_button.jpg" />Arithmetic</a>
|
||||
<br /></p></blockquote> </div>
|
||||
<div id="content">
|
||||
<p>This arithmetic test will increase in difficulty as you prove you are ready for harder problems.
|
||||
As soon as you get 3 problems correct in Level One, you will progress to Level Two and then to Level Three.</p>
|
||||
<p><input type="button" onclick="addIt()" value="begin the test" /> </p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer"> <h3>*Carla's Motto: Never miss a chance to teach -- and to learn!</h3>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 527 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<title>Carla's Classroom | Math Lessons</title>
|
||||
<link href="carla.css" rel="stylesheet" type="text/css" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style type="text/css">
|
||||
<!--
|
||||
.style1 {font-size: 24px}
|
||||
.style2 {font-size: 18px}
|
||||
.style3 {
|
||||
color: #0000FF;
|
||||
font-size: 18px;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
|
||||
<img src="images/owl_logo.JPG" class="floatleft" />
|
||||
<h1 id="logo"><em>Carla's Classroom</em></h1>
|
||||
<p> </p>
|
||||
<div style="clear:both;"></div>
|
||||
<div align="left">
|
||||
<blockquote>
|
||||
<a href="index.html"><img src="images/owl_button.jpg" />Home</a>
|
||||
<a href="carla.html"><img src="images/carla_button.jpg" width="50" height="65" />Meet Carla </a>
|
||||
<a href="reading.html"><img src="images/read_button.jpg" width="50" height="50" />Reading</a>
|
||||
<a href="writing.html"><img src="images/write_button.jpg" width="50" height="50" />Writing</a>
|
||||
<a href="math.html"><img src="images/arith_button.jpg" width="50" height="50" />Arithmetic</a>
|
||||
<br />
|
||||
</blockquote>
|
||||
</div>
|
||||
<div id="content">
|
||||
<p><img src="images/carla_pic.jpg" width="83" height="108" class="floatleft" /> Arithmetic Lessons: </p>
|
||||
<p><a href="carla_adding.html">Addition Exercise</a>
|
||||
</div>
|
||||
<div id="footer"> <h3><span class="style1">*</span><span class="style3">Carla's Motto: </span><span class="style2">Never miss a chance to
|
||||
teach -- and to learn!</span></h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user