{"id":24740457,"url":"https://github.com/derektypist/dom-elements-by-tag-name","last_synced_at":"2026-05-04T01:32:30.117Z","repository":{"id":100100550,"uuid":"600388187","full_name":"derektypist/dom-elements-by-tag-name","owner":"derektypist","description":"Document Object Model (DOM) - Investigation of the getElementsByTagName method.  Count the number of items in a particular tag (e.g. li) as well as getting the random item in the particular tag.","archived":false,"fork":false,"pushed_at":"2023-02-11T11:42:58.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-17T01:39:55.463Z","etag":null,"topics":["bootstrap5","css3","documentobjectmodel","dom","getelementsbytagname","google-fonts","html5","javascript"],"latest_commit_sha":null,"homepage":"https://derektypist.github.io/dom-elements-by-tag-name","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-11T10:38:59.000Z","updated_at":"2023-02-11T11:37:07.000Z","dependencies_parsed_at":"2023-05-12T07:30:36.771Z","dependency_job_id":null,"html_url":"https://github.com/derektypist/dom-elements-by-tag-name","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derektypist/dom-elements-by-tag-name","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-elements-by-tag-name","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-elements-by-tag-name/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-elements-by-tag-name/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-elements-by-tag-name/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derektypist","download_url":"https://codeload.github.com/derektypist/dom-elements-by-tag-name/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derektypist%2Fdom-elements-by-tag-name/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591598,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bootstrap5","css3","documentobjectmodel","dom","getelementsbytagname","google-fonts","html5","javascript"],"created_at":"2025-01-27T23:23:59.092Z","updated_at":"2026-05-04T01:32:30.112Z","avatar_url":"https://github.com/derektypist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Document Object Model (DOM) - Get Elements by Tag Name\n\nThe aim is to investigate the `getElementsByTagName` method.  This can include the number of elements in a particular tag (e.g. li).  Also to get a random item from the particular tag.\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 celebrities 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).\n\nAs a user, if I select the Reset Button, I can clear the information or start again.\n\n**Information Architecture**\n\nThe list items (celebrities) are Anna Richardson, Joanna Gosling, Kate Garraway, Ruth Langsford, Susanna Reid and Victoria Beckham.  All are 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 include the number of list items (celebrities) as well as the array of celebrities.\n\n## Technologies\n\nUses HTML5, CSS3, JavaScript, Google Fonts and Bootstrap 5.3.0-alpha1.\n\n## Testing\n\nEnsure all user stories have been met.  On the command line, type:\n\n    python3 -m http.server\n\nSelect `Open Preview` to preview.  Select each of the buttons and check that the information meets the user story.  For example, if I select the Reset Button, I expect the information to be cleared.\n\n## Deployment\n\nDeployed on [GitHub Pages](https://derektypist.github.io/dom-elements-by-tag-name) 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)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fdom-elements-by-tag-name","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderektypist%2Fdom-elements-by-tag-name","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderektypist%2Fdom-elements-by-tag-name/lists"}