Glasgow | ITP May 2025 | Adiyah Farhan | Sprint 3 | Quote Generator App

[AdiyahFarhan]

Learners, PR Template

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

Implement the "Quote Generator App" so that It can display one random quote from the array of quotes on page loads and when the user clicks "New Quote" button, a new random quote will be generated.

Questions

No

[day-lee]

Can you explain why the originally script tag was up on the head tag (not in the bottom of body) and what defer attribute does here?

[AdiyahFarhan]

If we use <script> tag up on the tag, without the defer attribute then it downloads and executes the script before parsing the complete file. As a result, the script that tries to access the elements in the that haven't been parsed yet, t will return null because the element doesn’t exist in the DOM yet.

But if we use a defer attribute, it will just download the script on the head but executes the script after the is fully parsed. So by adding defer attribute, we can avoid any blocking issues that makes script to behave improperly.

[day-lee]

Good job! It works as intended and code is well structured. I left a comment. Please have a look!

[AdiyahFarhan]

Hi @day-lee ,
Please refer my comment for the explanation of using script tag in head tag of html with defer attribute. Also I have restored this in the index.html, the functionality was the same as before.

Thanks for your valuable feedback and draw my attention to towards it.