Cape Town |26-ITP-May |Enice Mutanda |Sprint 3| Level 500 feature

[Enice-Codes]

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with REGION | COHORT_NAME | FIRST_NAME LAST_NAME | SPRINT NUM | PROJECT NAME
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

completed level 0 to 100
completed level 200 on partners repo
completed level 300 ,400 and 500
deployed to netlify
followed instructions for this project

[LonMcGregor]

• Good use of semantic html
• You have used caching correctly
• The code is generally well organised
• It has all the functionality needed

Overall good work, but I can see some areas for improvement, try and give a go at responding to my comments if you want an extra challenge

I notice you have defined and created HTML elements within the js in a lot of places. It's not incorrect, but what do you think the tradeoffs are of doing it this way versus writing it in the HTML file?

You also mix and match different ways of doing this, sometimes defining all the HTML at once, other times adding elements one by one. Could you make it more consistent?

[LonMcGregor]

Is there a reason you wrote all of this in the Js instead of including it in the html file?

[LonMcGregor]

Think about why you are doing this. Is it to remove HTML to prevent it from executing when added to the page? One thing to be careful about .innerHTML is this will actually run and execute any HTML passed in even if it's on an element not yet added to the page. There are other techniques that will only parse the HTML instead, can you find one.