Viewing a saved revision (read-only)
5f76736014eb4c518443ed26fcc9d319
Fork of HTML Starter
Built with vanilla JavaScript, the example shows a 15-by-15 interactive crossword puzzle with clickable white cells, blocked black cells, and numbered clue lists for Across and Down entries. The `Crossword` class constructs the grid as a DOM grid of `div` and `input` elements, populating letter positions from a small hardcoded word list. Event listeners handle cell focus and letter input, while the CSS applies the layout and puzzle styling. The implementation uses standard DOM APIs such as `document.createElement` and `addEventListener` to manage interaction without external libraries.
AI-generated descriptionCrossword Puzzle
An interactive crossword puzzle game built with HTML, CSS, and JavaScript.
Features
- Interactive grid with keyboard navigation
- Click on clues to highlight corresponding words
- Arrow key navigation between cells
- Check answers functionality with visual feedback
- Hint system for selected words
- Reset functionality
- Responsive design for mobile devices
How to Play
- Click on a clue or cell to select a word
- Type letters to fill in the grid
- Use arrow keys to navigate between cells
- Use the "Check Answers" button to see your progress
- Use the "Get Hint" button for help with the selected word
- Use the "Reset" button to start over
Controls
- Mouse: Click on clues or cells to select words
- Keyboard: Type letters, use arrow keys to navigate
- Backspace: Delete current letter and move to previous cell
- Tab: Move between input fields
The puzzle includes both across and down words with intersecting letters, just like a traditional crossword puzzle.