ASDV-WebDev/Semester 1/Chapter ZIPs/JavaScript/ch04/carla/carla_math_whiz.html
2023-08-16 17:31:33 -05:00

137 lines
4.4 KiB
HTML
Executable File

<!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 | Become a Math Whiz!</title>
<link href="carla.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function addIt()
{
levelOne();
function levelOne()
{
var count1 = 1;
var choice = "y";
var num = 0;
var countX = 1;
//Prompt for default or enter number of problems for this level
var choice = prompt("Do you want to continue only until you get 5 correct? Type 'y' for yes or 'n' for no:", " ");
if ((choice == "y") || (choice == "Y")) //if student chooses default
{
num = count1;
choice = "y";
}
else
if ((choice != "y")||(choice !="Y")) //if student chooses to enter a number
{
num = parseInt(prompt("How many problems in total do you want to try?", " "));
choice = "n";
}
//loop to continue generating addition problems
while (((choice == "y") && (count1 < 6)) || ((choice == "n") && (countX <= num)))
{
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;
var result = "correct!";
alert(result);
}
else
{
result = "incorrect";
alert(result);
}
countX = countX + 1
}
alert("You completed " + (countX - 1) + " problems and got " + (count1 - 1) + " correct.");
//Level One problems are done, call Level Two
var move = prompt("Do you want to move to Level Two? Type 'y' for yes or 'n' to end this session", " ");
if ((move == "y") || (move == "Y"))
{
levelTwo();
}
else
alert("This session is ended.");
}
function levelTwo()
{
var count2 = 1;
alert("you're at level 2");
while (count2 < 6)
{
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;
var result = "correct!";
alert(result);
}
else
{
result = "incorrect";
alert(result);
}
}
levelThree();
}
function levelThree()
{
var count3 = 1;
alert("you're at level 3");
while (count3 < 6)
{
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;
var result = "correct!";
alert(result);
}
else
{
result = "incorrect";
alert(result);
}
}
}
}
</script>
</head>
<body>
<div id="container">
<img src="images/arith_big.jpg" class="floatleft" />
<h1 id="logo">Become a Math Whiz!</h1>
<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" />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 /></blockquote> </div>
<div id="content">
<p>There are two parts to this arithmetic test: addition and subtraction. Each part will increase in difficulty
as you prove you are ready for harder problems. You may choose whether you want to move to another
level after getting 5 questions correct or you may choose how many problems you want to
attempt at any level.</p>
<p><input type="button" onclick="addIt()" value="begin the addition test" /> </p>
<p><input type="button" onclick="subIt()" value="begin the subtraction test" /> </p>
</div>
</div>
<div id="footer"> <h3>*Carla's Motto: Never miss a chance to teach -- and to learn!</h3>
</div>
</body>
</html>