{"id":24740455,"url":"https://github.com/derektypist/dom-tag-name-jquery","last_synced_at":"2026-04-10T01:01:33.349Z","repository":{"id":100100551,"uuid":"602473873","full_name":"derektypist/dom-tag-name-jquery","owner":"derektypist","description":"Document Object Model (DOM).  Similar to Get Elements By Tag Name, but using jQuery.  Count the number of items in a particular tag (e.g. li) as well as getting the random item in the particular tag.  The random item is of a different colour. ","archived":false,"fork":false,"pushed_at":"2023-02-16T11:07:45.000Z","size":12,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-25T22:40:39.676Z","etag":null,"topics":["bootstrap","css3","google-fonts","html5","javascript","jquery"],"latest_commit_sha":null,"homepage":"https://derektypist.github.io/dom-tag-name-jquery","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/derektypist.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-02-16T09:36:01.000Z","updated_at":"2023-02-16T11:15:07.000Z","dependencies_parsed_at":"2023-05-12T07:30:46.048Z","dependency_job_id":null,"html_url":"https://github.com/derektypist/dom-tag-name-jquery","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derektypist/dom-tag-name-jquery","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-tag-name-jquery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-tag-name-jquery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-tag-name-jquery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-tag-name-jquery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/dom-tag-name-jquery/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-tag-name-jquery/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265888902,"owners_count":23844529,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css3","google-fonts","html5","javascript","jquery"],"created_at":"2025-01-27T23:23:58.431Z","updated_at":"2025-12-30T22:07:07.679Z","avatar_url":"https://github.com/derektypist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Document Object Model (DOM) - Get Elements by Tag Name with jQuery\n\nSimilar to [Get Elements by Tag Name](https://github.com/derektypist/dom-elements-by-tag-name), but with jQuery.  Find the number of elements in a particular tag (e.g. li).  Select a random item from a particular tag and change the colour of the item.\n\nList Items will be used.  The list items can be names of celebrities.\n\n## UX\n\n**Getting Started**\n\nSelect the Get Random Celebrity Button to get the number of list items (celebrities), list of celebrity and the celebrity selected at random.  Select the Reset Button to clear the information or to start again.\n\n**User Stories**\n\nAs a user, if I select the Get Random Celebrity Button, I can get the number of list items (celebrities), list of celebrities as well as the name of the celebrity (at random).  The name of the celebrity in the list item is in a different colour.\n\nAs a user, if I select the Reset Button, I can clear the information or start again.  All list items will be coloured black.\n\n**Information Architecture**\n\nThe list items (celebrities) are Anna Richardson, Ilaria D'Amico, Kate Garraway, Kathy Lette, Kimberly Guilfoyle, Ruth Langsford, Susanna Reid and Victoria Beckham.  All are text (strings).  The random celebrity comes from one of these celebrities.\n\n## Features\n\nAllows the user to get the random celebrity from the list items. Other information includes the number of list items (celebrities) as well as the array of celebrities.  The name of the selected celebrity is in a different colour.\n\n## Technologies\n\nUses HTML5, CSS3, JavaScript, jQuery 3.6.3, Bootstrap 5.3.0-alpha1 and Google Fonts.\n\n## Testing\n\nEnsure all user stories have been met.  In the command line, enter:\n\n`python3 -m http.server`\n\nSelect `Open Preview` to do a preview.  Select each button and check that each user story has been met.\nFor example, if I selected the Reset Button, I expect the information to be cleared and all list items set to black.\n\n## Deployment\n\nDeployed on [GitHub Pages](https://derektypist.github.io/dom-tag-name-jquery) at the main branch.\n\n## Credits\n\n### Content\n\nWritten by me.\n\n### Acknowledgements\n\n- [w3Schools.com](https://www.w3schools.com)\n- [IT Career Switch](https://www.itcareerswitch.co.uk)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fdom-tag-name-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fdom-tag-name-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fdom-tag-name-jquery/lists"}