Web Programming Basics | CompSci Blogs

[utterances-bot]

Web Programming Basics | CompSci Blogs

An introduction to key topics in Web Programming

https://m8tth3.github.io/LabNotebook/basics/home

[isabellehp]

HTML

• Good structure :)
• I like how you customized fonts/colors with css, and the titleScreen is very cool
• Use of standard HTML elements like div, p, button, link
• Includes link to an exterior video
• Probably should work on other developments since the titleScreen is the only working thing rn 🧍

Data Types

• I like how you added the input so the user can customize their character
• Nice use of console → goes through parts of the inputted object
• Character age section was humorous

DOM

• Use of document.getElementById and innerHTML
• Good job with the code that changes the test in the HTML

Javascript

• List of valid classes which forces the user to input a valid class → if, else
  • Console shows character if they have correct inputs
  • Console shows “Not valid class” if they don’t
• I like the different things the user gets to input
• Slayed fr

Correcting Errors

• We have similar changes and everything looks good
• 😻😻
• I’m just gonna assume it works properly in console

Overall great job! Maybe don’t procrastinate as much though 😹

[JasonGao76]

HTML

• Wow that title screen is beautiful! The use of the
  , styles, css, fonts, class, and so much more is immediately apparent! You clearly have a mastery over these skills. The screen fills out the requirements and the links to the video and website was a clever addition! We should definitely think about doing this for our passion project wink wink.

Data Type

• I love the creativity! The input is very well made and the customizability is very fun to mess around with. The way you added mathematical operations was also clever and funny at the same time. The console said I looked good B). I can really see how this can develop in the future and think it has a lot of potential.

DOM

• This is a bit awkward since you need to show it in VSCode, but just by looking at the code, there are so many classes, id's, and use of getting id's and altering text. It looks very well made and I can tell you spent a lot of time on this!

JS

• Nice use of if else condition to force user to select a valid class, and again your creativity is so evident. The output is clear, concise, and helpful. The only suggestion I would have is maybe have it so the input isn't caps-sensitive (ie, hunter is not accepted but Hunter is accepted --> both hunter and Hunter are accepted). Aside from that minor detail, I think you should keep developing this! It's so cool!

Debugging

• Properly edited all the code and clearly stated what was changed and used the given format. I also like the code in segment 2 so it's not only for letter number 5, but for any number letterNumber is equal to. You completed everything that was required, so the only suggestion I have is maybe attempting the challenge if you would like to, but again, it's not mandatory.

[YeongsuKimm]

HTML

• All work assigned was done and with consideration. I like how you were able to incorporate some of your passion project to the HTML code.

Data Types

• Nice job implementing your passion project ideas by having customizable characters.
• Your code has all the requirements and goes beyond that with the customization and actual user interaction.

DOM

• Although I am not able to test the functionality of the code, I am assuming it works as intended.
• Like stated previously, I really like the customization you have that is considering the passion project.

JavaScript

• It's got creative aspects for your future passion project but I don't think it actually contains the hacks it is asking for. I think you have to add the code that compares two variables.

JS Debugging

• The error page is thorough with a review of the errors encountered.

• I like the organization you gave the page. It's easy to follow and understand.

• I'm not sure if there is or isn't a review ticket. If there isn't, consider adding that later on with a brief overview of all your hacks.