Skip to content

Commit e850f1c

Browse files
jspann21jspann21
committed
add length word problems
1 parent 134ad38 commit e850f1c

3 files changed

Lines changed: 487 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,15 @@ <h2 class="topic-title">Customary Units of Length</h2>
2525
</div>
2626
</div>
2727

28+
<div class="topic-section">
29+
<h2 class="topic-title">Word Problems</h2>
30+
<div class="problem-links">
31+
<a href="length-word-problems.html" class="problem-link">
32+
📝 Length Word Problems
33+
</a>
34+
</div>
35+
</div>
36+
2837
<div class="topic-section">
2938
<h2 class="topic-title">More Topics Coming Soon!</h2>
3039
<div class="problem-links">

‎length-word-problems.html‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Length Word Problems</title>
7+
<link rel="stylesheet" href="styles.css">
8+
</head>
9+
<body>
10+
<div class="main-content">
11+
<div class="problem-area">
12+
<div class="header-container">
13+
<a href="index.html" class="home-button">🏠 Home</a>
14+
<h1>Fun Math Problems! 🎨</h1>
15+
<button class="toggle-scratchpad" id="toggle-scratchpad">📝 Open Scratchpad</button>
16+
</div>
17+
<div class="container">
18+
<div class="problem" id="problem-text"></div>
19+
<div id="options-container" class="options">
20+
<button class="option"></button>
21+
<button class="option"></button>
22+
<button class="option"></button>
23+
<button class="option"></button>
24+
</div>
25+
<div class="navigation">
26+
<button class="nav-button" id="prev-btn">← Previous</button>
27+
<button class="nav-button" id="next-btn">Next →</button>
28+
</div>
29+
</div>
30+
</div>
31+
<div class="scratchpad-area" id="scratchpad-area">
32+
<div class="scratchpad-controls">
33+
<button class="scratchpad-button" id="undo-btn">↩️ Undo</button>
34+
<button class="scratchpad-button" id="redo-btn">↪️ Redo</button>
35+
<button class="scratchpad-button clear" id="clear-btn">🗑️ Clear</button>
36+
<button class="scratchpad-button" id="close-scratchpad">❌ Close</button>
37+
</div>
38+
<canvas class="scratchpad-canvas" id="scratchpad"></canvas>
39+
</div>
40+
</div>
41+
<div class="problem-type">
42+
Length Word Problems
43+
</div>
44+
<div class="stars" id="stars-container"></div>
45+
<script src="animations.js"></script>
46+
<script src="length-word-problems.js"></script>
47+
</body>
48+
</html>

0 commit comments

Comments
 (0)