-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAssignments.html
483 lines (444 loc) · 24.4 KB
/
Assignments.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Assignments</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="avatar.png" rel="icon" type="image/png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body id="assignments">
<div style="text-align: center;">
<img src="border.gif" id="let">
<div id="lol">
<h2>Assignments</h2>
<br>
<h4>In this page, you will explore some of the tasks that I do everyday. Press to "Open in Replit Button" and press "Run" to see the code in action.</h4>
<br>
</div>
<div style="text-align: left;">
<span id="aasMenu"style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
</div>
</div>
<!--Java that controled the overlay nav-->
<script>
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
</script>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="index.html" class="nav-link active">Home</a>
<a href="AboutMe.html">About Me</a>
<a href="Assignments.html">Assignments</a>
<a href="Projects.html">Projects</a>
<!-- <a href="resources.html">Resources</a>-->
<!-- <a href="Vocabulary.html">Vocabulary</a>-->
</div>
</div>
<div class="container-fluid mt-3">
<div id="eight">
<div id="accordion">
<!--Collapsable One~Output Make-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseOne">
Output Make
</a>
</div>
<div id="collapseOne" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description
</b></h4>
<br>
<h5>
The task was to write a program that outputs a joke on multiple lines.
</h5>
<br>
<br>
<h4><b>Reflection
</b></h4>
<br>
<h6>
It was a fairly easy task so I challenged myself to make the joke delayed to create a suspense effect. I imported the time module and used the built in function sleep to create the suspense I wanted.
</h6>
</div>
<div class="left">
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-13-Output?lite=true"></iframe>
</div>
<br>
<br>
</div>
</div>
</div>
<!--Collapsable Two~Variables Make-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseTwo">
Variables Make
</a>
</div>
<div id="collapseTwo" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description
</b></h4>
<br>
<h5>The project had 3 levels. I was instructed to create 2 variables with a name and favorite food.
</h5>
<br>
<br>
<h4><b>Reflection
</b></h4>
<br>
<h6>
It was nice to get challenged and to create complex sentences as the task progresses. It was fun to explore escape sequences and how to manipulate variables.
</h6>
</div>
<br>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-16-Variables-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Three-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseThree">
Input Make
</a>
</div>
<div id="collapseThree" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description
</b></h4>
<br>
<h5>
We were introduced to the builtin function, input, and were told to make a questionnaire that will take the users’ answers and output a summary with all of the answers.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
I really enjoyed this exercise because I had liberty to create my own questions and create a fun quiz. I'm the future, I would have made the questions in depth. I am happy that I got to explore the time module.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-110-Input-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Four-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseFour">
Do Now U1L11
</a>
</div>
<div id="collapseFour" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description
</b></h4>
<br>
<h5>
It was a do now in which the class was assigned. We had a total of 5 tasks. Each task was different.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
The first task was to ask for the user’s name and their favorite animal. The output should be: “Hello [name]. Your favorite animal is the [favAni]”. I was surprised it was a simple task. Making variables and putting the value into a sentence via concatenation was nice. The 2nd task was to ask the user to enter a number, then print that number again 3 times. I used the input function to get the value and cast the string to an integer. It was simple but the challenge was to remember to change the string to a number. The 3rd task was to ask the user to enter 3 test scores as integers. Then print out the average of the numbers. It was basic mathematics. It was fun because I like math. The 4th task was to ask the user to enter in 3 words, then print the words in reverse order. This was a simple task that was like the first problem. The last task was to ask the user to enter two integers. I should then find the area of the rectangle. My favorite part was to create a rectangle using dashes. It was easy to complete the task. Overall, this was a good assignment for practicing the skills we have learned.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-DONOW-U1L11?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Five-->
<div class="card">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseFive">
2.0 Overview
</a>
</div>
<div id="collapseFive" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description</b></h4>
<br>
<h5>
We explored the built-in functions of the math module. Some examples are squareRoot, absolute value, power, sum, subtraction, division, and multiplication. After that we did a practice run of how we can use math in code.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
It was a fun session that the entire class partook in together. I was excited to learn about importing modules. Since Mathematics is one of my favorite subjects I was elated to see how I came to use python to solve problems like addition, absolute value, square root and more. It was hard to learn the different symbols of the mathematics functions but I did and used them in practice code.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-20-Overview?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Six-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseSix">
Calculations Modify
</a>
</div>
<div id="collapseSix" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description</b></h4>
<br>
<h5>
I modified the code to make it more personalized to the user and add and multiply numbers that are given to it.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<BR>
<h6>
I liked this assignment because editing the code gave me a feeling of pride that I know what I am capable of doing. The challenges were fun to answer and gave me a chance to explore calculations more in depth. If I had to edit the code, I would have made the quiz more personal and tell the user what they are doing.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-22-Calculate-Modify?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Seven-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseSeven">
Calculations Make
</a>
</div>
<div id="collapseSeven" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description</b></h4>
<br>
<h5>We created different type of calculators. </h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
This was one of my favorite assignments during the term because I made different calculators. The calculators were:
Area Calculator,
Perimeter Calculator,
Tip calculator, and a
Volume Calculator.
The area of a rectangle calculator was easy because I have already completed the assignment in DONOW U1L11. It was a good refresher on all of the concepts that I had learned early in the year.
The perimeter of a rectangle calculator was a challenge because I forgot how to find the perimeter but after I remembered it was simple to add all of the values and finding the perimeter of a rectangle by adding the length * 2 and width*2 was a breeze
It was fun to add the rectangle shapes to the code.
The 20% tip calculator was my favorite one to code because it gave me the most challenge. Percentage was not my favorite topic in Math and is a concept that I make mistakes on my times. I am proud that I was able to figure out how to calculate tips on the first try.
Lastly, the Volume calculator was my least favorite because it was easier to do. I asked for 3 values and multiplied them together to the volume of a cuboid.
If I could edit the code I would have made the user choose what calculator they would have liked to use.
I am proud of my work and Iit is one of my prized projects.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-23-Calculation-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Eight-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseEight">
Functions Make
</a>
</div>
<div id="collapseEight" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description</b></h4>
<br>
<h5>
This program will define four subroutines - add, subtract, multiply, divide that add multiply. Two numbers and return the result. Each should have two integer number arguments. The user is asked to input two numbers. These numbers will be passed as arguments into one of the subroutines. The user is asked to input 1 to add, 2 to subtract. If input 1, calls the ‘add’ subroutine, input 2 calls the ‘subtract’ subroutine. Output the returned result as part of a sentence.
</h5>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
This project is in my top 3 favorite assignments that I completed this Term. I believe it is one of my most successful works because I created a fully functioning calculator using the math operators like addition, subtraction, multiplication and division. I very enjoyed testing my code in between and seeing that I worked. I was introduced to if statements that test is true or not. I like that the user has the ability to input the symbol of the operation and the math would still work. To strengthen the code, I would import the math module and add more operation like square rooting a number.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-33-Functions-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Nine-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseNine">
Conditionals Make (IF ELSE)
</a>
</div>
<div id="collapseNine" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right">
<h4><b>Description</b></h4>
<br>
<h5>
I wrote a program called "Test Grader". The program should allow the user to enter a test mark between 1 and 100
If the number entered is too high or too low, a message should be displayed informing the user of this. I was to create a variable called Fail
If the test result is less than 40 they have FAILED - assign the value “Y” to your Fail variable
If the test result is greater or equal to 40, it is a PASS - assign the value “N” to your Fail variable
Check the value of Fail - if it is NOT EQUAL to “N” print a message saying “Retake required”
CHALLENGE
The program should then also work out and print the grade as follows:<br>
Under 40: A "U" grade<br>
40 - 59: A "C" grade<br>
60 - 79: A "B" grade<br>
80 or over: An "A" grade
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
I really enjoyed this project because I felt like a teacher that is grading students' work. The Challenge was my favorite part of the assignment because it made the program feel more like a Test Grader. The program that converts the numeric grade into a letter that represents whether they are passing or not and by how much. If I could edit the code I would make the program ask how many tests you would like to grade and find the average. Then it will give you the final score. The program help me see how IF ELSE statements are used in everyday lives and can be used to grade assignments.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-38-Conditionals-IF-ELSE-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Ten-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseTen">
Conditionals Modify (ELIF)
</a>
</div>
<div id="collapseTen" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right" >
<h4><b>Description</b></h4>
<br>
<h5>
We had to modify the starter code. I had to add a line of code asking the user to enter a third number. I also had to edit the IF/ELIF/ELSE statements to confirm whether the third number is bigger/smaller/the same as the first number and whether it is bigger/smaller/the same as the second number. Also if all three numbers are the same.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
I like this project because it is a simple concept but it can be confused very quickly. I got confused on what numbers I am comparing. The code was repetitive so I would get the less than and greater than sign confused which caused confusion in my conditional statements and ultimately an error. This assignment made me pay closer attention to my code. It would have helped if I had commented on the explanation of the objective of the different lines.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-312-Conditionals-ELIF-Modify?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Eleven-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseEleven">
Conditionals Make (ELIF)
</a>
</div>
<div id="collapseEleven" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right" >
<h4><b>Description</b></h4>
<br>
<h5>
You are going to write a program called "Time Reminder"
<br>
The user has to enter a number between 0 and 23<br>
If the number is less than 8 display a message saying "too early to get up"<br>
If the number is less than 12 display a message saying "Good morning"<br>
If the number is less than 14, display a message saying "Lunch time!"<br>
If the number is less than 18 display a message saying "Good afternoon"<br>
If the number is equal to 18 display a message saying "Tea Time"<br>
If the number is less than 19 display a message saying "Good evening"<br>
If the number is less than 22 display a message saying "Nearly bedtime"<br>
If the number is 23 display a message saying "Good night!"<br>
Any other number is met with the response “Sorry, I don’t recognise that”
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
This was one of the most complicated projects I have completed this term. We were instructed to make clocks. When the user inputs a time, the clock would remind the user what should occur at that time. The confusion occurred when all of the times were included except 8. I had to sweep through the code multiple times to see what was the reason for the error. Eventually, I found that a conditional was missing an “=”. Overall, it was an enjoyable project and a great practice for elif, if, and else statements.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-313-Conditionals-ELIF-Make?lite=true"></iframe>
</div>
</div>
</div>
<!--Collapsable Twelve-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseTwelve">
Iteration Modify
</a>
</div>
<div id="collapseTwelve" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right" >
<h4><b>Description</b></h4>
<br>
<h5>
In the modified tasks, I was given some starter code. Use the instructions below to make changes to the code. I commented on my changes to explain what you have done. I adapted the code to get user input into the number variable. Then a change the print statement so it outputs 'number' multiplied by 'counter' equals 'product'
Make the counter increase by 2 every loop
Add a line once the loop has finished to output 'The loop has finished'
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
The code was easy to do because it was Math based. It was tedious to write comments about everything but it really helped with me understanding the code better. If I could improve the code more, I would limit the number between 1 and 12 and if the user typed in a number below 1 or above 12 then the program would stop and tell the user to pick a number between the range.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-43-Iteration-Modfiy?lite=true"></iframe>
</div>
</div>
<!--Collapsable Thirteen-->
<div class="card ">
<div class="card-header">
<a class="collapsed btn bg-warning" data-bs-toggle="collapse" href="#collapseThirteen">
Iteration Make
</a>
</div>
<div id="collapseThirteen" class="collapse bg-warning" data-bs-parent="#accordion">
<div class="card-body">
<div class="right" >
<h4><b>Description</b></h4>
<br>
<h5>
We are creating a login page. We have the correct password. The user is to input their username and password. If the user inputs the correct password, they will be able to login. If the user inputs the wrong password, they will be able to try again. They have 3 tries. If they fail they will have to restart the program.
</h5>
<br>
<br>
<h4><b>Reflection</b></h4>
<br>
<h6>
This was a good project because I got to explore the raise keyword so the login can stop after 3 tries. It was hard to initially stop the program after 3 times. As a result they researched and found out about the raise keyword. If I could edit the code, I would make the program start again so the user can retry.
</h6>
</div>
<iframe frameboard="1" width="95%" height="500px" src="https://replit.com/@JAUNELDEANS/Jaunel-Deans-44-Iteration-Make?lite=true"></iframe>
</div>
</div>
</div>
</div>
</div>
<!--Input Make
-->
</div>
</body>
</html>