microsoft / microsoft/Web-Dev-For-Beginners
Duplicate <body> tag found in Typing Game HTML file
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 96.7k
- Forks
- 15.9k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
In the Typing Game module, the index.html file contains two tags, which violates standard HTML structure. A valid HTML document must have only one tag. This can lead to rendering inconsistencies or prevent JavaScript from executing properly in some browsers.
To Reproduce
- Steps to reproduce the behavior:
- Navigate to the project folder: 4-typing-game
- Open the index.html file in any code editor
- Scroll through the file
- Observe that there are two tags defined
Expected behavior
There should only be a single tag per HTML file. All page content should be placed within that one body.
Screenshots
N/A — the issue is visible by inspecting the HTML file directly.
Desktop (please complete the following information):
- OS: Windows 10 / macOS / Linux
- Browser Chrome, Firefox, Edge (any)
- Version Not browser-specific (this is a code issue)
Smartphone (please complete the following information):
- Device: NA
- OS: NA
- Browser NA
- Version NA
Additional context
This bug was discovered while working on enhancements to the Typing Game. It was not mentioned in the related issue, but it has been addressed as part of the pull request. Removing the duplicate tag helps maintain valid HTML and prevents possible layout or script execution issues.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open 4-typing-game/index.html and inspect the document structure, starting with the duplicate body tags described in the issue. Confirm the file has one body element and verify that the Typing Game page and its scripts still load correctly in a browser.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100